SVG для интернет-канала Wii (Opera) - PullRequest
3 голосов
/ 16 февраля 2012

Я создаю веб-приложение, предназначенное для загрузки на интернет-канале 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" />

Есть мысли о различиях между этими двумя?

1 Ответ

0 голосов
/ 16 февраля 2012

Я понял это!Это связано с исходным тегом 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">
...