SVG для интернет-канала Wii (Opera)

Question

Я создаю веб-приложение, предназначенное для загрузки на интернет-канале Wii, который по сути является Opera 9.3.

У него есть поддержка SVG, но они не масштабируются. Графика всегда отображается в своих "оптимальных" размерах, независимо от того, какая ширина и высота установлены.

Если я установлю высоту / ширину с помощью CSS, пространство, занимаемое элементом изображения на странице, изменится, но графика SVG по-прежнему будет отображаться позади всего (без позиционирования или установки z-индекса).

Если я устанавливаю высоту / ширину с помощью атрибутов тега, изображение просто обрезается, чтобы соответствовать этим размерам.

Существует ли альтернативный метод масштабирования SVG, который может поддерживаться на интернет-канале Wii?

Изменить: Кажется, это зависит от 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 (как указано в атрибутах width и height), 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">