extjs - Extjs 4でSVGを動的にロードするにはどうすればよいですか？

Question

svgコンテンツを動的にロードする必要があります。Extjs4。Webページはライブフライトトラッカーです。飛行機のパスを描画する必要があるため、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]"
});