2012-05-24 84 views
0

我不知道如何淡入和淡出我爲它創建了一個路徑和陰影:拉斐爾JS:動畫路徑與它的陰影

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"}); 

我必須手動動畫Ç和陰影在同一時間?有什麼辦法可以告訴這篇特別的論文,將其中的所有內容都淡化?

回答

1

把你的道路和你的影子放在一個集合中。將你的動畫應用到該設置,它會影響到兩者。

Here's一個非常可怕的例子,我一舉兩得。

+0

謝謝。但由於safari不支持svg過濾器,我可能不得不去HTML5畫布路線。 – Adam

0

amadan答案不正確。請放棄它。 如果您將元素放入集合中,發光將成爲集合的一部分,但設置僅限邏輯。這意味着如果你爲該集合設置動畫,你的陰影動畫將會看起來更爲粗糙。

使用set僅用於指例如事件的邏輯分區。 最好的辦法是在其他對象的//中創建陰影。