html svg标签中插入img image标签不显示的问题

最新推荐文章于 2024-09-06 13:10:47 发布

GokuCode

最新推荐文章于 2024-09-06 13:10:47 发布

阅读量10w+

点赞数 3

文章标签： html svg css html5 css3

GokuCode

本文链接：https://blog.csdn.net/weixin_44331765/article/details/112391810

版权

svg标签中插入img image标签（图片）不显示的问题

1 问题：

在使用svg画图中想要使用img标签插入图片，可以图片不显示

<!--S svg外框 -->
<div class="contentSvg">
   <svg>
       <g id="gImg">
           <img width="200" height="200" src="static/images/icon/Logo.png" alt="图片">
       </g>
   </svg> 
</div>
<!--E svg外框 -->

2 原因

待考证

3 解决方法

把上边的img 标签改为image标签
注意： img有个属性是src image属性是href这个别错了。

<!--S svg外框 -->
<div class="contentSvg">
   <svg>
       <g id="gImg">
           <image width="200" height="200"  href="static/images/icon/deviceLogo.png"></image>
       </g>
   </svg> 
</div>
<!--E svg外框 -->