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

发布于 2024-12-10 15:10:14 字数 665 浏览 1 评论 0原文

谁能告诉我如何强制 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

无法言说的痛 2024-12-17 15:10:15

要让 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.

晨曦÷微暖 2024-12-17 15:10:15

使用 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.)

浪荡不羁 2024-12-17 15:10:15

顺便说一句,我们最近发布了 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文