如何在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]"
});