3

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

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

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

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

Wii Internet Channel 是否支持缩放 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" />

对这两者之间的区别有什么想法吗?

4

1 回答 1

0

我想到了!它与 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">
于 2012-02-16T03:25:30.843 回答