Как создать расширение для кривых текстов в svg-edit?

Question

Я хочу использовать плагин svg-edit в моем проекте. Теперь я хочу создать расширение для кривых текстов, таких как:

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") { 
       } 
      } 
     }; 
}); 

Но это не сработает, как я могу это создать?

Answer 1

Я думал об одном и том же, но я думаю, что подход, который я возьму, - это раскрывающийся список путей для выбора по id.

Затем ссылки на пути по ID

Я мог бы даже сделать это один из этих дней.