SVG 不呈現 IE 11

Question

我這里有 html 代碼。 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和width屬性
4. 在svg標記中添加xmlns="http://www.w3.org/2000/svg"

在html文件中：

5. 使用img元素而不是object ： <img src="..." style="width:95%;height:60%" />