jQuery SVG插件轉換動畫錯誤

Question

我試圖使用jQuery SVG插件來動畫一些東西 - 縮放和whatnot。我對SVG完全陌生。

var params = {}; 
params['svgTransform'] = ['scale(1)', 'scale(1.5)']; 
$('#TX', svg.root()).animate(params); 

這幾乎複製逐字從的開發插件的。

然而，當它運行時，我得到這個：

4TypeError: 'undefined' is not a function (evaluating 'f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration)') 

任何想法？

Answer 1

我想你應該在SVG文檔中檢查ID =「TX」元素的存在。

無論如何，我必須說，有時我發現非常很難記住哪裏編寫特定的行爲：（？但什麼DOM）有這麼多的選擇，XML（普通SVG），普通的JavaScript + DOM中，特定於jQuery，jQuery + SVG ....以及所有這些與他們的細節......這是令人生畏的！我希望最終會有收穫。

順便說一句我發現Chrome提供了一個很好的IDE來解決問題（我現在在Linux上......）。按Ctrl + Shift +我進入調試器，看到任何錯誤...

Answer 2

也許它不支持動畫arg對象內的數組。你可以嘗試：

var params = {}; 
params['svgTransform'] = 'scale(1.5)'; 
$('#TX', svg.root()).animate(params);