问SVG未渲染IE 11

EN

为了让它工作，我做了什么：

svg 文件中的 :

在<?xml version="1.0" encoding="utf-8" standalone="no"?>

• add <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">

• remove properties

• add 中添加<?xml version="1.0" encoding="utf-8" standalone="no"?>

• add<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">

• remove height & width xmlns="http://www.w3.org/2000/svg" svg markup

html 文件中的 :

<img src="..." style="width:95%;height:60%" />：

1. 使用img元素而不是object

我遇到了类似的问题，在我的例子中，这是因为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>。

这篇文章帮助我理解了原因： css-tricks.com。