2014-10-05 77 views
1

我想使用fabric.js API将SVG文件导入到画布。fabric.js不导出使用SVG文件的画布

渲染工程,但当我尝试导出(toSVG())我的画布我得到一个空输出。

这是我如何加入我的SVG文件到画布(渲染作品):

fabric.loadSVGFromURL('svg/1000.svg', function(objects, options) { 

      //group elements 
      var obj = fabric.util.groupSVGElements(objects, options); 

      // put object on the canvas 
      canvas.add(obj).renderAll(); 
}); 

console.log(canvas.toSVG()); 

这里是输出我得到:创建了Fabric.js 1.4.0

<?xml version="1.0" encoding="UTF-8" standalone="no" ?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 

任何帮助将是最受欢迎的。

回答

2

fabricSVGFromURL是异步的。所以当你打电话给canvas.toSVG()时,画布上还没有添加任何东西。

您需要在回调中调用canvas.toSVG()