Jquery 求阴影位置的算法
请帮我找出找到阴影位置的算法,这取决于物体的旋转 例如,我的PNG图像带有Jquery 求阴影位置的算法,jquery,algorithm,css,Jquery,Algorithm,Css,请帮我找出找到阴影位置的算法,这取决于物体的旋转 例如,我的PNG图像带有-webkit过滤器:drop shadow(rgba(0,0,0,0.5)Xpx Ypx 0px)和-webkit转换:旋转(Zdeg) 我想编写一个jQuery脚本,根据Z(旋转角度)计算X和Y(阴影位置) 通过实验,我取得了成功一张桌子: X | -5| -5| 0 | 5 | 5 | 5 | 0 | -5| -5| – Shadow position Y | 0 | 5 | 5 | 5 | 0 | -5|
-webkit过滤器:drop shadow(rgba(0,0,0,0.5)Xpx Ypx 0px)
和-webkit转换:旋转(Zdeg)代码>
我想编写一个jQuery脚本,根据Z
(旋转角度)计算X
和Y
(阴影位置)
通过实验,我取得了成功一张桌子:
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 PS。我认为更好的方法是在另一个div内有一个阴影图像,并使两个div以相同的速度旋转。
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;
X = -5 * cos(Z);
y = 5 * sin(Z);