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

Question

问这个问题的原因是因为我想能够在两个svg图像之间绘制箭头。我想使用画布来创建箭头，所以首先我要生成svgs，然后在其上放置一个画布以便能够绘制箭头。

我一直在使用的风格尝试= ...但还没有因为每次我添加它只是推我的SVG图像到另一个PL

如果没有简单的方法来做到这一点我canvas元素任何运气我会用SVG创建箭头，我认为如果我必须在很短的时间内完成大量的箭头，使用画布会更有效率。

Answer 1

您需要在画布的CSS上使用position:absolute才能将其从流中移出，然后您可以使用z-index按照您的喜好对其进行分层。

但是，我建议您可以使用一个或两个小画布创建箭头，并使用toDataURL()创建一个url，您可以在SVG中使用<image>标签。这样所有的图形都在SVG中，但是如果需要的话，您可以使用画布进行复杂的光栅效果。

Answer 2

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

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

编辑：意外拧了#s了。 '嘲弄我。