在 Opera 中使用 SVG 的正确方法是什么?
谁能告诉我如何强制 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,此代码可以正常工作: 我试图将由 raphael.js 生成的带有 svg 的 div 放入新窗口中。而且它在 Opera 中不起作用。
Can anyone tell me how to force Opera opera to render SVG in html?
<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>
This code works fine if file extension is not .html
upd:
I'm trying to put div with svg inside generated by raphael.js in new window. And it doesnt work in Opera.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
要让 SVG 在 HTML 中工作,浏览器必须有一个 HTML5 解析器,而 Opera 从版本 12 开始才有一个。
如果您绝对必须在 HTML 代码中使用 SVG,则您的文档需要有一个 xhtml 文件扩展名,并且是有效的 xml 文件(如果您从光盘运行它),并且从 Web 服务器发送时还必须使用
application/xhtml+xml
mime 类型或其他有效的 xml mime 类型提供服务。To have SVG in HTML working, the browser must have an HTML5 parser and Opera will have one only since version 12.
If you absolutely have to have SVG right in the HTML code, you need your document to have an xhtml file extension an be a valid xml file (if you are running it from disc), and it also has to be served with
application/xhtml+xml
mime type or another valid xml mime type when sent from a web server.使用 XHTML 中的 SVG 代替 HTML 中的 SVG。
(确保您的 Web 服务器正在发送正确的 XHTML MIME 类型。)
Instead of SVG in HTML use SVG in XHTML.
(Be sure your web server is sending the correct mime type for XHTML.)
顺便说一句,我们最近发布了 Opera 12 Alpha,它有一个 HTML5 解析器,并支持内联 SVG。它应该在那里以及后续的更高版本中工作。
Btw, we've recently released Opera 12 Alpha, which has an HTML5 Parser, and supports inline SVG. It should work in there, and subsequent later versions.