SVG没有呈现IE 11

Question

我有html代码here。 svg不会使用IE 11呈现。无法找出原因。

我已添加，如在另一个地方看到的那样：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

我怀疑图像在这里但不可见。或者它可能是未正确解释的大data=。怎么检查？

Answer 1

我有一个类似的问题，在我的情况下，这是因为IE要求在SVG中指定viewBox属性以使缩放正常工作，并且我的SVG中缺少它。

我改变了：

<svg xmlns="http://www.w3.org/2000/svg" width="767" height="1024">

为：

<svg xmlns="http://www.w3.org/2000/svg" width="767" height="1024" viewBox="0 0 767 1024">

viewBox属性指定<x-origin> <y-origin> <width> <height>。

这篇文章帮助我理解了这个原因： How to scale SVG [css-tricks.com]。

Answer 2

我为使其成功而做了什么：

在svg文件中：

1. 添加<?xml version="1.0" encoding="utf-8" standalone="no"?>
2. 添加<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
3. 删除height＆amp; width属性
4. 在xmlns="http://www.w3.org/2000/svg"标记
中添加svg

在html文件中：

1. 使用img元素代替object：<img src="..." style="width:95%;height:60%" />