Raphael js：用它的投影设置动画路径

Question

我不确定如何淡入和淡出路径以及我为它创建的投影：

 var p = "M10,10L810,10L810,190L10,190L10,10";
  var s = "M16,16L816,16L816,196L16,196L16,16";
var paper = Raphael(100, 100, 830, 210);
var shadow = paper.path(s);
shadow.attr({stroke: "none", fill: "#999999", opacity:0.1});
shadow.blur(4);


var c = paper.path(p);
c.attr({fill:"#ffffff", stroke:"none"});

我是否必须同时手动设置c和阴影动画？有没有办法可以告诉这篇特别的论文淡化它里面的一切？

Answer 1

将你的路径和你的影子放在一个集合中。将动画应用于集合，它会影响两者。

Here's这是一个非常可怕的例子，我立刻同时移动它们。

Answer 2

可能设置投影阴影路径的动画以匹配其他路径的规范？ http://www.irunmywebsite.com/raphael/additionalhelp.php?q=fadingdropshadow

Answer 3

amadan答案不正确。请丢弃它。 如果将元素放入集合中，则发光将成为集合的一部分，但设置仅为逻辑。 这意味着如果您为该集设置动画，您的阴影动画将看起来很奇怪。

例如，

仅使用set来引用事件的逻辑分区。 最好是为其他对象的阴影设置动画。