ie上svg的兼容问题

svg可以说是目前最火的图像文件格式了，是一种开放标准的矢量图形语言，我们可以随意改变其大小，颜色，在放大或改变尺寸的情况下其图形质量不会有所损失，相比于icon较有优势，但是，ie上会不显示svg图片就很尴尬了。我在项目中就遇到了这种问题，简单提供两种修改的思路，希望能够帮到大家，也是为了记录ie中遇到的问题。

首先这是一个简单的svg的组成 <svg class="SvgIcon big-faceicon"><use xlink:href="static/media/sprite.svg#FaceID-1 47420a7-usage"></use></svg>，我们在网页便可以看到。

第一种方式 <svg class="SvgIcon big-faceicon"><image xlink:href="static/media/sprite.svg#FaceID-1 47420a7-usage" /></svg> 就是将use标签换为image标签，当然这个时候我们改变的svg颜色都会失效，那么我们就会需要用到第二种方式
第二种方式就是比较简单粗暴的方式了，那就是在根源上改变svg的颜色，在我们的编码器上打开svg文件，修改我们所需要的颜色就可以了。

这是身为一个菜鸟对于ie兼容svg的一点拙见。不对的地方望指出~

修改svg的方法

在记事本或者编码器打开svg文件！！修改之前建议大家打开先保存一份

ie上svg的兼容问题相关推荐

LocalResizeIMG前端HTML5本地压缩图片上传，兼容移动设备IOS,android
LocalResizeIMG前端HTML5本地压缩图片上传,兼容移动设备IOS,android jincon 发表于 2015-02-26 18:31:01 发表在: php开发 localresiz ...
【解决Chrome浏览器和IE浏览器上传附件兼容的问题 -- Chrome关闭flash后，uploadify插件不可用的解决办法】
[解决Chrome浏览器和IE浏览器上传附件兼容的问题 -- Chrome关闭flash后,uploadify插件不可用的解决办法] 参考文章: (1)[解决Chrome浏览器和IE浏览器上传附件兼容 ...
Xcode 6.x 上开发APP 兼容 iOS7
2019独角兽企业重金招聘Python工程师标准>>> Xcode 6.x 上开发的APP 可能会出现 : "Unable to create description in ...
svg适配低版本android,SVG-Android开源库——SVG图片兼容及性能优化解决方案
SVG矢量图在图片表现力方面远远优于PNG位图,同时在可维护性和修改性方面也比位图要方便很多.尽管Android在5.0版本就引入了SVG图片的解决方案:Vector.然而,兼容性和性能方面却是差强人 ...
iOS上应用如何兼容32位系统和64位系统
在苹果推出iPhone5S时,64位的应用就走到了眼前.当时就看见苹果官方资料宣布iOS7.x的SDK支持了64位的应用,而且内置的应用都已经是64位. 我记得自己刚刚接触电脑时还有16位的系统,指针 ...
解决 iOS 上 transform rotate 兼容问题
用css3 rotate 写旋转动画,web端chrome浏览器没问题,在移动端iOS上动画不生效,打开Safari浏览器,果然不生效: rotate 难道存在兼容问题? MDN 上查了下,Safar ...
AppStore 上显示设备兼容问题
AppStore 上显示兼容设备不全面 Build Setting -> Build Active Architecture Only 是否为NO release情况下设为NO才能兼容 ...
vue上传（兼容IE9）
项目中vue文件上传功能原来使用的是element ui组件,头像上传裁剪使用的是vue-image-crop-upload,但是这两个组件只支持到IE10+,现在项目要求兼容IE9,这两个组件就没办 ...
chrome java上传文件_springboot+webuploader 实现大文件切片上传，兼容IE8+,chrome等浏览器，可运行...
[实例简介] https://blog.csdn.net/weifangzjx/article/details/83898265 [实例截图] [核心代码] 上传例子 └── 上传例子 └── fil ...

ie上svg的兼容问题

ie上svg的兼容问题相关推荐

最新文章

热门文章