Question

我检查一下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上呈现？我的代码有问题吗？

Answer 1

为你创建单独的.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>

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

1 个答案: