我这里有一个HTML代码链接。在IE 11中无法渲染SVG图像,但是我找不到原因。
我已经尝试了另一个地方的方法:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
我怀疑图片在这里但不可见。或者可能是大的 data=
没有被正确解释。如何检查?
我这里有一个HTML代码链接。在IE 11中无法渲染SVG图像,但是我找不到原因。
我已经尝试了另一个地方的方法:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
我怀疑图片在这里但不可见。或者可能是大的 data=
没有被正确解释。如何检查?
我曾遇到类似的问题,我的情况是因为IE要求在SVG中指定viewBox
属性才能正确进行缩放,而我的SVG文件中缺少了这个属性。
我做了以下修改:
<svg xmlns="http://www.w3.org/2000/svg" width="767" height="1024">
to:
<svg xmlns="http://www.w3.org/2000/svg" width="767" height="1024" viewBox="0 0 767 1024">
<x-origin> <y-origin> <width> <height>
。这篇文章帮助我理解了其中的原因:如何缩放SVG [css-tricks.com]。当我在IE11中使用xlink:href属性显示我的svg图像时,遇到了类似的问题,它只显示一个空布局而没有任何内容。SVG看起来像这样:
<svg>
<symbol id="xxx">
<g>
<path>
</path>
<g>
</symbol>
</svg>
当我删除"g"标签时:
<svg>
<symbol id="xxx">
<path>
</path>
</symbol>
</svg>
它有正确的呈现方式,我希望这个答案能够帮助其他开发者解决他们的问题。
我所做的使其工作的事情:
在svg
文件中:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
height
和width
属性svg
标记中添加xmlns="http://www.w3.org/2000/svg"
在html
文件中:
img
元素代替object
:<img src="..." style="width:95%;height:60%" />
Content-Type:text / html
...您可能需要在SVG之前放置data:image/svg+xml;
,您可能需要转义所有> @lt;#
等。..不过我不确定...从未尝试过。祝你好运 - Ruskin<object type="image/svg+xml" data="http://samuel.levitt.fr/tactik/test.svg" style="width:75%;height:60%"></object>
- Samuel