请帮我找出用于找到阴影位置的算法,具体取决于物体的旋转。
例如,我的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
答案 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;
答案 1 :(得分:1)
X = -5 * cos(Z);
y = 5 * sin(Z);