Svg-edit以编程方式将文件加载到画布中

时间:2016-10-21 09:39:08

标签: jquery canvas svg load svg-edit

我正在尝试以编程方式在Svg-edit中加载文件(而不是通过标准"打开文件按钮")。我添加了新功能" Openclick",它应该删除画布并将已保存的.svg文件(先前在同一编辑器中创建)加载到画布中。画布已清除,但未加载文件(文件存在,数据在变量xml中)。请您帮忙显示以这种方式将数据加载到编辑器的正确方法吗?

setTimeout(
  function() 
  {

 var url_adress="files/upload/"+file_name+".svg";
     $.ajax({
    url: url_adress,
    type: 'GET',
    dataType: 'text',
    timeout: 100,
    error: function(){
    alert('Error loading XML document');
    },
    success: function(xml){
          svgCanvas.clear(); // clear Canvas first
          svgCanvas.setSvgString(xml); // load file into editor
    }
});


  }, 1200);`  

1 个答案:

答案 0 :(得分:1)

SVG-Edit 初始化全局变量svgEditor。 您需要使用此对象来运行loadFromURL/loadFromString/loadFromDataURI个函数。

我有类似的东西将文件加载到 SVG-Edit

$(document).ready(function() {
    svgEditor.loadFromURL("upload/file.svg");
});