当放大IE11时,Svg元素边框消失
问题描述:
我使用svg图标,这些图标在不同的浏览器上看起来不错,但在IE11上,svg元素的某些边框(如矩形或线条)在某些缩放级别上不可见。例如,宽度为23px时,所有内容都可见,但在24px内某些边框消失。当放大IE11时,Svg元素边框消失
这是一个正常的图像:
这在比特被放大:
另一个缩放级别:
答
为了在浏览器中获得更一致的缩放比例,始终确保指定viewBox
,但不要在svg
元素上留下width
和height
属性。
来源:SVG in img element proportions not respected in ie9
一个shell命令,将删除所有SVG文件width
& height
属性在当前目录:
find ./ -name '*.svg' -print0 | xargs -0 sed -i "" -e 's/width="[0-9]*\.*\[0-9]*" //' -e 's/height="[0-9]*\.*\[0-9]*" //'
假设可能是最好的在IE中不会有这样的问题的方式是不使用svgs .. – ebsk