在SVG（或其他图像）上创建画布

Question

在SVG（或其他图像）上创建画布

htmlcanvassvg

4

问这个问题的原因是我想在两个SVG图像之间画箭头。我想使用canvas来创建箭头，所以首先我生成SVG，然后放置一个canvas在它们上面，以便能够绘制箭头。

我尝试使用style = ...，但是每次添加canvas元素时，它都会将我的SVG图像推到另一个位置，我没有成功。

如果没有简单的方法来完成这个任务，我将只使用SVG来创建箭头。我认为如果我需要在短时间内完成很多箭头，使用canvas会更有效率。

- cawd

2个回答

1

你试过使用z-index吗？这是一个有用的CSS技巧。

#svgcontent
{
z-index:1
}
#html5content
{
z-index:3
}

编辑：不小心把#搞错了。对不起。

- tekknolagi

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Phrogz · Accepted Answer

您需要在CSS中使用position:absolute使画布脱离文档流，并使用z-index进行图层叠放。但是，我建议您可以使用一个或两个小画布来创建箭头，并对它们使用toDataURL()创建可用于SVG中<image>标签的url。这样，您的所有图形都在SVG中，但如果需要复杂的光栅效果，则可以使用画布。请注意保留HTML标记。