firefox - 使用 Firefox 3.5 在 HTML 中内联 SVG

Question

我正在尝试创建一些混合的 HTML/SVG 内容，但遇到了一些麻烦。 HTML 内容按预期显示，但内联 SVG 没有显示。所以，我做了一些实验。

我找到了包含内联 SVG 示例的站点，并且它们在我的系统上正确呈现。因此，我“查看页面源代码”并将 HTML/SVG 复制/粘贴到另一个本地文件中，然后在 Firefox 中打开此文件。没有可见的内联 SVG。

我也用 Chrome 尝试了相同的实验，结果相同。

我可能缺少什么？

更新
我的身份略有变化:k montgomery -> kmontgom 使用 OpenID。

无论如何，感谢所有回答的人。最好的解决方案是设置 Response.ContentType;这让我现在继续使用 WebForms 方法。

我曾考虑在 .xml 文件中制作纯 XHTML 内容并使用 ASP.NET MVC 来提供该内容。将来我可能最终会这样做。

现在，继续使用 jQuery、SVG，让这件事做点什么。

感谢所有的帮助。

Answer 1

如果您不想使用 XHTML，另一种方法是对 SVG 数据进行 base64 编码。

例如

<object type="image/svg+xml" 
        data="data:image/svg+xml;base64,PCFET0NUWVBFI...etc..."></object>

我认为这可能不是您想要的具体针对您的情况，但无论如何，可能对其他人有用。