2012-02-16 30 views
3

我正在构建一个Web应用程序,用于在Wii Internet频道上加载,该频道本质上是Opera 9.3。SVG for Wii Internet Channel(Opera)

它支持SVG,但他们似乎并没有成比例的。无论宽度和高度如何设置,图形总是呈现“最佳”尺寸。

如果设置与CSS的高度/宽度,所述空间中的图像元素的页面变化占用,但SVG图形静止一切后面呈现(没有定位或z索引集)。

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

是否有缩放SVG的替代方法,可能对Wii的互联网频道的支持?

编辑:这似乎是SV​​G依赖。例如,这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" /> 

在这两个之间的区别有什么想法?

回答

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