我正在尝试使用drawSvg()函数将SVG转换/放入 Canvas 。该命令是:ctx.drawSvg(SVG_XML_OR_PATH_TO_SVG, dx, dy, dw, dh);。当我专门将svg用作参数时，例如，ctx.drawSvg('<svg><rect x="0" y="0" width="100" height="100" fill="red" /></svg>', 0 , 0 , 500, 500);，我最终得到一个 Canvas ，其中有一个红色正方形，这是完全正确的。但是，我需要能够从文档中获取Svg标记并将其用作参数。我尝试了几种不同的方法来执行此操作，但没有一个起作用。我该怎么做？
这是我正在尝试做的jsFiddle页面。谢谢!
http://jsfiddle.net/qDmhV/722/
最佳答案
.html()返回元素的innerHTML，包括前导和尾随空格，drawSvg()阻塞了该空格。
试试这个(from your fiddle):
ctx.drawSvg($.trim($("#test2").html()), 0 , 0 , 500, 500);
$.trim将为您删除该空格。