Wii 互联网频道的 SVG (Opera)

发布于 2025-01-06 01:19:52 字数 671 浏览 0 评论 0原文

我正在构建一个旨在加载到 Wii Internet Channel 上的 Web 应用程序,该应用程序本质上是 Opera 9.3。

它支持 SVG,但它们似乎无法扩展。无论宽度和高度设置为多少,图形始终以其“最佳”尺寸呈现。

如果我使用 CSS 设置高度/宽度,图像元素在页面中占用的空间会发生变化,但 SVG 图形仍然呈现在所有内容后面(没有设置定位或 z 索引)。

如果我通过标签属性设置高度/宽度,则图像将被简单地裁剪以适合这些尺寸。

是否有 Wii Internet 频道可能支持的缩放 SVG 的替代方法?

编辑: 它似乎依赖于 SVG。例如,这个 SVG 可以缩放到我设置的任何内容:

<img src="http://www.w3.org/Graphics/SVG/Test/20061213/svggen/fonts-elem-01-t.svg" width="200" />

而这个 SVG 似乎是固定的:

<img src="http://upload.wikimedia.org/wikipedia/commons/6/6b/Bitmap_VS_SVG.svg" width="200" />

关于这两者之间的差异有什么想法吗?

I am building a web application intended to be loaded on the Wii Internet Channel, which is essentially Opera 9.3.

It has support for SVG, but they don't seem to scale. The graphics always render at their "optimal" sizes, no matter what the width and height are set to.

If I set the height/width with CSS, the space the image element takes up in the page changes, but the SVG graphic still renders behind everything (with no positioning or z-index set).

If I set the height/width via tag attributes, the image is simply cropped to fit those dimensions.

Is there an alternative method for scaling SVG, that might be supported on the Wii Internet Channel?

Edit: It seems to be SVG dependent. For example, this SVG can scale to whatever I set:

<img src="http://www.w3.org/Graphics/SVG/Test/20061213/svggen/fonts-elem-01-t.svg" width="200" />

Whereas this SVG seems to be fixed:

<img src="http://upload.wikimedia.org/wikipedia/commons/6/6b/Bitmap_VS_SVG.svg" width="200" />

Any thoughts on the differences between these two?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(1

坐在坟头思考人生 2025-01-13 01:19:52

我想通了!它与 SVG 文件中的初始 SVG 标签及其参数有关。

最初,未缩放的 SVG 的 SVG 标记具有以下特点:

 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638">

您必须向右滚动,但您会注意到没有 viewBox 属性。如果我添加一个 viewBox 属性,指定 SVG 的完整最佳大小(由宽度和高度属性指定),Wii 将正确缩放它!

 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638" viewBox="0 0 1063 638">

I figured it out! It has to do with the initial SVG tag within the SVG file, and its parameters.

Initially, the SVG that wasn't scaling had this for the SVG tag:

 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638">

You'll have to scroll to the right, but you'll note that there is no viewBox attribute. If I add a viewBox attribute, specifying the full optimal size of the SVG (as specified by width and height attributes), the Wii will scale it correctly!

 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638" viewBox="0 0 1063 638">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文