如何在Extjs 4中動態加載SVG？

Question

我需要動態加載svg內容，Extjs 4.網頁是實時航班跟蹤器，我需要繪製飛機的路徑，所以我需要動態更新SVG路徑。我怎樣才能做到這一點？提前致謝。

Answer 1

我做到這一點使用模板：

svgIconTpl = new Ext.XTemplate (
    '<span class="tag-icon-field-item">', 
     '<svg version="1.1" width="30" height="30" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 40 40">', 
      '<path fill="#eeeeee" stroke="none" d="{path}"></path>', 
     '</svg>', 
    '</span>' 
); 

然後：

svgIconTpl.apply({ 
    path: "[Whatever's your path]" 
});