Canvas 有没有办法将画布元素作为图像添加到svg

我这里有一个JSFIDLE：

我要做的是添加我刚才在svg板上绘制的临时画布元素。 可能吗

我现在想做的是：

svg.append("image")
    .attr("xlink:href", temp_canvas)
    .attr("x", 0)
    .attr("y", 0);

谢谢

在画布元素上使用

toDataURL（）

生成

数据uri

还要为d3 svg指定宽度和高度属性：

svg.append("image")
    .attr("xlink:href", temp_canvas.toDataURL())
    .attr("x", 0)
    .attr("y", 0)
    .attr("width", 300)
    .attr("height", 300);

请注意，如果画布上的内容来自页面以外的其他来源（即绘制到画布的图像来自不同的域），则此操作不起作用