为什么这个简单的SVG不适用于iPhone？

我无法在运行iOS 4.2.1的iPhone上呈现简单的SVG矩形。代码直接来自w3schools教程here，或者您可以从我的服务器here尝试。我知道iOS支持从2.1版本开始的SVG，所以这应该可以工作！我错过了什么？为什么这个简单的SVG不适用于iPhone？

不用说，完全相同的文档在我的桌面浏览器和iPad上正确呈现。

来源

2012-09-20 Naresh

你可能想看看这个答案：http://stackoverflow.com/questions/4504942/mobile-safari-svg -问题。你也乞求W3Fools的链接，但我不会这样做;） – jjm

我不明白这个答案。据我所知，他们要求将文档的扩展名从.html改为.xml，它会起作用吗？我正在编写一个html5应用程序，因此无法更改文档类型或文档扩展名。 – Naresh

据我了解，你必须将xmlns属性添加到svg标签（'“xmlns =”http://www.w3.org/2000/svg“'） – jjm

恐怕你需要在旧版本的Safari和Firefox中将内容类型设置为xml来提供内联SVG（但是，您可以在img标记中使用它，您不需要访问其DOM ）。如果您不想更改doctype或扩展名，则可以让Web服务器处理它。在Apache中，你会放置一个.htaccess文件在你的文档根目录，并把...

AddType application/xhtml+xml .html

我不知道这是否会导致其他地方的任何副作用。您只能将其用于较旧版本的Safari，但有一些重写条件，但我不太熟悉语法，以便为您提供直接答案。

你可以看到你的文件担任XHTML浏览：

http://duopixel.com/stack/svg.html

来源

2012-09-20 05:27:56 Duopixel

非常有趣！我可以按照你的建议通过添加.htaccess文件来实现这个例子，但是对于一个更复杂的例子，浏览器开始抱怨xhtml解析错误（包括iPhone）。不是xhtml，它是html5--这是可以理解的。 – Naresh

为什么这个简单的SVG不适用于iPhone？

回答

相关问题