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

时间:2011-10-20 01:28:43

标签: html svg opera

有谁能告诉我如何强制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中无效。

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

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