javascript - JQuery:使用元素的html()(innerHTML)作为canvas的drawSvg方法的参数

Question

我正在尝试使用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 ，其中有一个红色方 block ，这是完全正确的。但是，我需要能够从文档中获取 Svg 标签并将其用作参数。我尝试了几种不同的方法来做到这一点，但没有一个有效。我该怎么做？ 这是一个 jsFiddle 页面，其中包含我想要做的事情。谢谢! http://jsfiddle.net/qDmhV/722/

Answer 1

.html() 返回元素的innerHTML，包括前导和尾随空白，drawSvg() 会阻塞该空白。

试试这个(from your fiddle):

ctx.drawSvg($.trim($("#test2").html()), 0 , 0 , 500, 500);

$.trim 将为您删除该空格。