草庐IT

javascript - 如何将 <image> 元素添加到 SVG DOM

我有一个带有jpg图像的网页,用户在使用Raphael的基础上绘制了SVG涂鸦。我想允许用户在完成后保存合并的光栅化版本(我将自己用SVG版本做其他事情)当用户单击保存时,我想将该背景图像作为元素添加到生成的SVGDOM中,然后使用canvg将SVG写入Canvas元素。最后,我使用toDataUrl()方法将其转换为jpg。我无法让中间位工作—将图像添加到DOM的最佳方式是什么?当我使用下面的代码时,我收到一个javascript错误,提示appendChild()不是一个函数。我想知道这是否与我使用.html()方法获取SVG的方式有关——也许返回的内容没有被解释为真正的SVG文档