0

在渲染 SVG 时，我检查了 Safari 是否有问题，但是网站上的 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 上呈现？我的代码有问题吗？

4

1 回答 1

0

为您的 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>
于 2012-07-23T10:29:22.833 回答