Comment charger SVG dynamiquement dans Extjs 4?

Question

J'ai besoin de charger le contenu svg dynamiquement, Extjs 4. La page Web est un traqueur de vol en direct, j'ai besoin de dessiner le chemin d'un avion, donc j'ai besoin de mettre à jour le chemin SVG dynamiquement. Comment puis je faire ça? Merci d'avance.

Answer 1

Je réalise ce à l'aide de modèles:

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>' 
); 

Et puis:

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