動畫SVG路徑/ jQuery的

我有輸出從Adobe Illustrator這是偉大的，現在已經嵌在我的HTML頁面SVG文件中，SVG包含許多不同的路徑，我想使用jQuery單獨動畫SVG文件並且無需使用插件，但我不是完全確定如何實現這一目標，因爲我沒有使用SVG的知識，任何人都可以闡明這個應該怎麼走近一些輕？動畫SVG路徑/ jQuery的

感謝凱爾

來源

2011-08-04 styler

如果您的意思是「動畫路徑」，不帶插件，否。當你將.animate（）和svg整合在一起的時候，它就像你自己寫一個插件一樣好。所以，使用一個插件。 – Yman

jQuery是不與SVG API兼容，但香草JS效果很好。

對於動畫，你必須先得到你的SVG元素/對象的訪問。這要求SVG腳本從相同的域提供。如何做到這一點可以在以前的答案中找到。

對於動畫，你可以...

創建SVG動畫元素，將它們添加到SVG DOM並將其綁定到你的路/元素。見http://www.w3.org/TR/SVG/animate.html。
通過直接改變所有元素擁有矩陣做編程。請參閱http://www.w3.org/TR/SVG/coords.html

來源

2012-01-12 03:44:39 bennedich

鏈接到相關的SOF帖子： [動畫在獨立的SVG（http://stackoverflow.com/q/5051953/148680）; [jquery的動畫SVG圖形...]（http://stackoverflow.com/q/6983587/148680） – chb

動畫SVG路徑/ jQuery的

回答

相關問題