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 将为您删除该空格。