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