使用foreignObject
可以嵌入html元素
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<foreignObject x="20" y="20" width="160" height="160">
<input type="text" style="width: 100px;" />
</foreignObject>
</svg>
值得注意的是,嵌入部分应放置在图像层后部,否则会出现不显示的问题
详见MDN文档
网友评论