寻找阴影位置的算法答案

【问题标题】：Algorithm for finding the position of the shadow寻找阴影位置的算法
【发布时间】：2013-07-30 18:43:22
【问题描述】：

请帮我找出寻找阴影位置的算法，取决于物体的旋转。

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

我想编写一个 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

【问题讨论】：

@optimus-prime jsfiddle.net/RKmus

标签： jquery algorithm css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

附言。我认为更好的方法是在另一个 div 中放置一个阴影图像，并让两个 div 以相同的速度旋转。