支持Wii Internet频道的SVG (Opera)

Question

我正在构建一个web应用程序，目的是在Wii Internet频道上加载，它本质上是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" />

对这两者的区别有什么看法吗？

Answer 1

我想出来了！它与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">