寻找阴影位置的算法

Question

请帮我找出根据对象旋转查找阴影位置的算法。

例如，我有一张PNG图像，其中包含 -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.5) Xpx Ypx 0px); 和 -webkit-transform: rotate(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

- rdshck

---

@optimus-prime http://jsfiddle.net/RKmus/ - rdshck

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

- jgroenen

---

我认为更好的方法是在另一个div内部放置一个阴影图像，并使两个div以相同的速度旋转。 - jgroenen

Answer 2

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

- Marginean Vlad