Question

有谁能告诉我如何强制Opera Opera在html中呈现SVG？

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="142" height="142">
    <rect x="19" y="19" width="104" height="104" r="0" rx="0" ry="0" fill="none" stroke="#000000"
          style="stroke-opacity: 1; stroke-width: 2;" stroke-opacity="1" stroke-width="2"/>
    <rect x="36" y="36" width="70" height="70" r="0" rx="0" ry="0" fill="none" stroke="#000000"
          style="stroke-opacity: 1; stroke-width: 2;" stroke-opacity="1" stroke-width="2"/>
</svg>

如果文件扩展名不是.html

，此代码可以正常工作

UPD：我想在新窗口中将ravel.js生成的svg放入div中。它在Opera中无效。

Answer 1

要让HTML中的SVG正常工作，浏览器必须有一个HTML5解析器，Opera将从版本12开始只有一个。

如果你必须在HTML代码中使用SVG，你需要你的文档有一个xhtml文件扩展名是一个有效的xml文件（如果你是从光盘运行它），它也必须与从Web服务器发送时，application/xhtml+xml mime类型或其他有效的xml mime类型。

Answer 2

而不是HTML中的SVG使用SVG in XHTML。

（确保您的Web服务器正在为XHTML发送正确的mime类型。）

Answer 3

顺便说一下，我们最近发布了Opera 12 Alpha，它有一个HTML5 Parser，并支持内联SVG。它应该在那里以及随后的版本中起作用。

在Opera中使用SVG的正确方法是什么？

3 个答案: