哪個SVG/SMIL DOM元素具有`beginElement`方法？

Question

最終，這是針對Kiosk風格的應用程序（使用jQuery 1.6.4），可以在Firefox中運行，所以答案可以是Firefox特定的。

我試圖做一個動畫SVG，但我試圖動態插入SMIL動畫。我沒有看到任何跡象表明它不能完成，並且http://satreth.blogspot.ch/2013_01_01_archive.html和http://srufaculty.sru.edu/david.dailey/svg/SMILorJavaScript.svg似乎表明它可以完成。

問題據我所知，我需要調用beginElement方法來啓動動態插入的動畫，但我沒有看到它的任何地方。

這裏有一個小提琴演示問題：http://jsfiddle.net/2pvSX/

在標題失敗的問題的答案：

1. 我在做什麼錯？
2. 有沒有任何資源可以更好地理解我想要做什麼？

，這是一個問題：

1. 如何我定義SVG？
2. 我如何創建SMIL？
3. 我如何訪問SVG？
4. 我如何插入SMIL？
5. 完全是其他嗎？

最後，有沒有更好的方法來動畫SVG？

Answer 1

你需要添加'http://www.w3.org/2000/svg'創建這樣

$(document).ready(function() { 
    var svg = $('svg').get(0), 
    square = svg.getElementById('red'), 
    animation = document.createElementNS('http://www.w3.org/2000/svg', 'animateMotion'); 
    animation.setAttributeNS(null, 'id', 'walker'); 
    animation.setAttributeNS(null, 'begin', 'indefinite'); 
    animation.setAttributeNS(null, 'end', 'indefinite'); 
    animation.setAttributeNS(null, 'dur', '10s'); 
    animation.setAttributeNS(null, 'repeatCount', 'indefinite'); 
    animation.setAttributeNS(null, 'path', 'M 0 0 H 800 Z'); 
    square.appendChild(animation); 
    console.log(animation); 
    console.log(typeof animation.beginElement); 
    animation.beginElement();  
});  

動畫元素也刪除此行animation = svg.children[1].children[0].children[1];所以動畫元素有beginElement功能
http://jsfiddle.net/2pvSX/1/