用于查找阴影位置的算法

时间:2013-07-30 08:01:06

标签: jquery css algorithm css3

请帮我找出用于找到阴影位置的算法,具体取决于物体的旋转。

例如,我的PNG图片包含-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.5) Xpx Ypx 0px);-webkit-transform: rotate(Zdeg);

我想编写一个jQuery脚本来计算XY(阴影位置),具体取决于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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)

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