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外框 -->
推荐阅读
-
发送html邮件a标签中的url不显示的问题
-
终于解决了html中img标签图片不显示问题
-
html标签select的问题 数据查询结果显示在下拉菜单中
-
html标签select的有关问题 数据查询结果显示在上拉菜单中
-
关于HTML中的img标签的图片路径问题
-
终于解决了html中img标签图片不显示问题
-
html svg标签中插入img image标签不显示的问题
-
webpack处理html中img标签引入图片不显示问题
-
webpack5打包静态html中img标签引入图片不显示问题
-
webpack:使用html-withimg-loader对html中img标签引入的图片打包,打包后图片无法显示,路径上多出default对象