Wii浏览器（Opera）中的SVG

Question

我正在开发一个网络应用程序，旨在加载在Wii Internet Channel上，它实际上是Opera 9.3。

该浏览器支持SVG，但似乎无法进行缩放。无论设置宽度和高度为多少，图形始终以其“最佳”大小呈现。

如果使用CSS设置高度/宽度，则图像元素在页面中占据的空间会改变，但SVG图形仍然在所有内容之后呈现（未设置定位或z-index）。

如果使用标记属性设置高度/宽度，则图像将被简单地裁剪以适应这些尺寸。

是否有一种替代方法可以缩放SVG，可能在Wii Internet Channel上得到支持？

编辑：似乎这取决于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" />

有没有关于这两者之间的差异的想法？

- Brad

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">

- Brad