2012-02-16 29 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">