如何配置 Safari 以在本地显示 SVG？答案

【问题标题】：How do I configure Safari to show SVG locally?如何配置 Safari 以在本地显示 SVG？
【发布时间】：2012-07-23 18:29:22
【问题描述】：

我检查了 Safari 在渲染 SVG 时是否有问题，但网站上的 SVG 绘图工作正常：http://phrogz.net/svg/svg_in_xhtml5.xhtml

我的结论是 Safari 有一些东西让我无法在本地渲染 SVG 元素。这是我拥有的代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <svg width="500" height="500" xmlns="http://www.w3.org/2000/svg">
            <circle r="50"></circle>
        </svg>
    </body>
</html>

我该怎么做才能让上面的 SVG 圆圈在 Safari 上呈现？我的代码有问题吗？

【问题讨论】：

它对我来说很好（Safari 5.1.7，OSX 10.7.4），虽然我只看到右下象限。
@ScottHunter Safari 5.0.5，OSX 10.6.8 - 我什么也没看到！我的 Safari 版本还不够老，无法停止显示 SVG。或者我是这么想的。

标签： safari svg

【解决方案1】：

为您的 svg 创建单独的 .svg 文件。

circle.svg

<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     width="500" height="500" xmlns="http://www.w3.org/2000/svg">

     <circle r="50"></circle>
</svg>

像这样重写你的 HTML。

<body>
    <embed src="circle1.svg" type="image/svg+xml" />
</body>

【讨论】：