Wii 互联网频道的 SVG (Opera)
我正在构建一个旨在加载到 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我想通了!它与 SVG 文件中的初始 SVG 标签及其参数有关。
最初,未缩放的 SVG 的 SVG 标记具有以下特点:
您必须向右滚动,但您会注意到没有
viewBox
属性。如果我添加一个viewBox
属性,指定 SVG 的完整最佳大小(由宽度和高度属性指定),Wii 将正确缩放它!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:
You'll have to scroll to the right, but you'll note that there is no
viewBox
attribute. If I add aviewBox
attribute, specifying the full optimal size of the SVG (as specified by width and height attributes), the Wii will scale it correctly!