Comment créer une extension à des textes de courbe dans svg-edit?

Question

Je veux utiliser le plugin svg-edit dans mon projet. Maintenant, je veux créer une extension à des textes de courbe comme:

svgEditor.addExtension("Curve text!", function() {'use strict'; 
     return { 
      name: "Curve text", 
      svgicons: svgEditor.curConfig.extPath + "text_curve-icon.xml", 

      buttons: [{ 
       id: "text_curve", 
       type: "mode", 
       title: "Curve the text", 
       events: { 
        'click': function() { 
         svgCanvas.setMode("text_curve"); 

         var textElement = $(svgCanvas.getSelectedElems()[0]); 

         var textPath = '<text>' + 
             ' <textPath xlink:href="#relativeCurve">' + 
              $(svgCanvas.getSelectedElems()[0]).text() + 
             ' </textPath>' + 
             '</text>'; 
         $('#svgcontent').prepend('<defs><path d="m0,350c100,-100 200,-200 300,-200c100,0 200,200 300,200c100,0 200,-200 300,-200" id="relativeCurve"/></defs>'); 
         $(textElement).replaceWith(textPath); 
        } 
       } 
      }], 
      mouseDown: function() { 
       if(svgCanvas.getMode() == "text_curve") { 
        return {started: true}; 
       } 
      }, 

      mouseUp: function(opts) { 
       if(svgCanvas.getMode() == "text_curve") { 
       } 
      } 
     }; 
}); 

Mais cela ne fonctionne pas, comment puis-je créer cela?

Answer 1

Je pensais à la même chose, mais je pense que l'approche que je prendrais est une liste déroulante de chemins à sélectionner par ID.

ensuite référencer le chemin par ID

Je pourrais même faire un de ces jours.