Javascript 将Svg绘制到画布，包括嵌入在Svg中的图像_Javascript_Html_Canvas_Svg

Javascript 将Svg绘制到画布，包括嵌入在Svg中的图像

javascript html canvas svg

Javascript 将Svg绘制到画布，包括嵌入在Svg中的图像,javascript,html,canvas,svg,Javascript,Html,Canvas,Svg,1012211192511199222xx444333main以下是一些测试：看起来只有嵌入在SVG中的图像才能在画布上绘制（本例中的红点）： ... 以下是一个将图像转换为数据URI的在线工具： @RobertLongson该代码已添加。我需要javascript P.S.中的解决方案。任何在线工具都不会help@AkhilSahu代码段返回错误，因为未包含文件 <svg id="example1" xmlns="http://www.w3.org/2000/svg" xml

1012211192511199222xx444333main

以下是一些测试：

看起来只有嵌入在SVG中的图像才能在画布上绘制（本例中的红点）：

...

以下是一个将图像转换为数据URI的在线工具：

@RobertLongson该代码已添加。我需要javascript P.S.中的解决方案。任何在线工具都不会help@AkhilSahu代码段返回错误，因为未包含文件

<svg id="example1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="100" >
    ...
    <image id="embedded" x="80" y="70"  width="20"  height="20"  xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>
</svg>