欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-25 23:46:27
...

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外框 -->