如何使用拉斐爾旋轉純色圖像？

Question

這可能是也可能不是一個很瑣碎的問題，但還是那句話，我完全新的這個JavaScript庫（即只有今天開始閱讀關於它）。 究竟我該如何繼續使用聖拉斐爾我的服務器上旋轉的簡單圖像（PNG/JPEG等）？是否需要事先將其轉換爲SVG？ 換句話說，我需要在http://raphaeljs.com

Answer 1

你會把你的形象在畫布上，並應用旋轉變換，它複製this demo。這裏有一個例子：

var paper = Raphael("thepaper", 300, 300); 
var theImage = paper.image("http://i.stack.imgur.com/Zg08b.png", 0, 0, 128, 128); 
theImage.transform("R45"); 

你可以看到here的工作演示。

您可以通過應用animation動畫效果很容易。最後一行改成這樣：

theImage.animate({"transform": "R45"}, 10000); 

你可以看到，工作here，以及將其旋轉45度，超過10秒。