有谁能告诉我如何强制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中无效。
答案 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。它应该在那里以及随后的版本中起作用。