使用toSVG()进行方形导出错误;

时间:2013-08-26 15:43:09

标签: javascript svg fabricjs

我绘制一个简单的正方形,并且toSVG()返回下一个代码:

<?xml version="1.0" standalone="no" ?><!DOCTYPE svg PUBLIC 
 "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" 
     width="800" height="266.6666666666667" 
     style="background-color: #FFFFFF" xml:space="preserve">
  <desc>Created with Fabric.js 1.2.9</desc>
  <defs></defs>
  <rect x="-30" y="-30" rx="0" ry="0" width="60" height="60" 
        style="stroke: #000000; stroke-width: 3; stroke-dasharray: ; 
               stroke-linecap: butt; stroke-linejoin: miter; 
               stroke-miterlimit: 10; fill: none; opacity: 1;" 
        transform="translate(400 133.33)"/>
</svg>

我将该代码保存为image.svg并用corel draw打开它,结果是:
http://s2.subirimagenes.com/imagen/previo/thump_8594256error.png

结果不是正方形,有什么不对?

1 个答案:

答案 0 :(得分:0)

问题在于,抽奖并不能很好地解释代码,插图画家的工作非常完美。