Javascript JQuery:使用元素';s html()(innerHTML)作为画布的参数';s-DrawsSVG方法

Javascript JQuery:使用元素';s html()(innerHTML)作为画布的参数';s-DrawsSVG方法,javascript,jquery,html,svg,canvg,Javascript,Jquery,Html,Svg,Canvg,我正在尝试使用drawSvg()函数将SVG转换/放入画布。命令是:ctx.drawSvg(SVG\u XML\u或\u PATH\u TO\u SVG、dx、dy、dw、dh)。当我专门将svg作为一个参数放入时,这很好,例如:ctx.drawSvg(“”,0,0,500,500),我最终得到一个画布,其中有一个红方块,这是完全正确的。但是,我需要能够从文档中获取Svg标记并将其用作参数。我试过几种不同的方法来做这件事,但都不管用。我怎么做? 下面是一个JSFIDLE页面,介绍了我正在尝试做的

我正在尝试使用drawSvg()函数将SVG转换/放入画布。命令是:
ctx.drawSvg(SVG\u XML\u或\u PATH\u TO\u SVG、dx、dy、dw、dh)。当我专门将svg作为一个参数放入时,这很好,例如:
ctx.drawSvg(“”,0,0,500,500),我最终得到一个画布,其中有一个红方块,这是完全正确的。但是,我需要能够从文档中获取Svg标记并将其用作参数。我试过几种不同的方法来做这件事,但都不管用。我怎么做?
下面是一个JSFIDLE页面,介绍了我正在尝试做的事情。谢谢

.html()
返回元素的内部html,包括前导空格和尾随空格,
drawSvg()
阻塞

试试这个():

$。trim
将为您删除该空白

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