【说站】css中svg图片无法显示怎么办?
CSS 图片 无法 显示 怎么办 SVG
2023-06-13 09:13:23 时间
css中svg图片无法显示怎么办?
1、在保证svg图片可以打开且无损坏的前提下,使用ideal或任意文本编辑工具打开svg图片。
将image标签下的xlink:href="data:img/png;base64, 改成xlink:href="data:image/png;base64 即可,需要将img改成image。
2、使用object对象显示。
<object id="mapinfoImg" οnclick="glass(event)" data="http://localhost:8080/mapinfo_chx2/featureDemoSVG" type="image/svg+xml"
width="1200" height="1200" id="mySVGObject"></object>
以上就是css中svg图片无法显示的处理办法,在做网页开发时,我们通过浏览器进行测试,发现svg图片不能显示的这类情况,就可以采取本篇所讲的方法进行解决。
相关文章
- css background图片
- html精灵图跟img标签,css精灵图怎么使用?
- html、css 实现二级菜单「建议收藏」
- 在html中加入外部css样式,如何引入CSS样式表?
- CSS实现背景图毛玻璃效果和如何保持图片上的文字显示正常
- css圆角边框怎么设置颜色_word图片怎么设置圆角大小
- 【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)
- 【CSS教程】紫色渐变登陆布局html+css代码
- 【CSS教程】简约渐变色登陆布局html+css代码
- CSS学习笔记06 简单理解line-height详解编程语言
- 把文章里边的html标签去掉(去掉文字的样式,显示css设置的样式)详解编程语言
- The Shapes of CSS(css的形状)详解编程语言
- W3C CSS
- MySQL登陆系统CSS实现一键登录(css mysql登陆)
- css滤镜属性语法介绍
- 用CSS给图片打标的代码
- CSS关于网页图片的属性
- 如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
- JS+css图片自动缩放自适应大小
- JS判断移动端访问设备并加载对应CSS样式