jquery - 寻找阴影位置的算法

Question

请帮我找出根据物体的旋转来找到阴影位置的算法。

例如，我有 PNG 图像-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.5) Xpx Ypx 0px);和-webkit-transform: rotate(Zdeg);

我想编写一个 jQuery 脚本来计算X和Y（阴影位置），具体取决于Z（旋转度数）。

通过实验我做了一个表格：

 X | -5| -5| 0 | 5 | 5 | 5 | 0 | -5| -5| – Shadow position

 Y | 0 | 5 | 5 | 5 | 0 | -5| -5| -5| 0 | – Shadow position

 Z | 0 | 45| 90|135|180|225|270|315|360| – Rotation

Answer 1

X = cos(Z) ? -5 * (cos(Z) / abs(cos(Z))) : 0;
Y = sin(Z) ? -5 * (sin(Z) / abs(sin(Z))) : 0;

or

X = -5 * cos(Z);
Y = -5 * sin(Z);

and take care of the degrees to radians;

http://jsfiddle.net/mBQxK/4

Answer 2

X = -5 * cos(Z);
y = 5 * sin(Z);