SVG pour Wii Internet Channel (Opera)

Question

Je construis une application Web destinée à être chargée sur la Wii Internet Channel, qui est essentiellement Opera 9.3.

Il a un support SVG, mais ils ne semblent pas à l'échelle. Les graphismes rendent toujours à leur taille « optimales », quelle que soit la largeur et la hauteur sont fixés à.

Si je mets la hauteur / largeur avec CSS, l'espace de l'élément d'image prend dans les changements de page, mais le graphique SVG rend toujours derrière tout (sans jeu de positionnement ou z-index).

Si je mets la hauteur / largeur par attributs de la balise, l'image est tout simplement recadrée pour adapter ces dimensions.

Y at-il une autre méthode de mise à l'échelle SVG, qui pourraient être pris en charge sur la Wii Chaîne Internet?

Modifier Il semble dépendre SVG. Par exemple, ce SVG peut évoluer à tout ce que je mets:

<img src="http://www.w3.org/Graphics/SVG/Test/20061213/svggen/fonts-elem-01-t.svg" width="200" />

considérant que ce SVG semble fixe:

<img src="http://upload.wikimedia.org/wikipedia/commons/6/6b/Bitmap_VS_SVG.svg" width="200" />

Toute réflexion sur les différences entre ces deux?

Answer 1

I figured it out! Il a à voir avec la balise SVG initiale dans le fichier SVG et ses paramètres.

Dans un premier temps, le SVG qui n'a pas été mise à l'échelle avait ce pour la balise SVG:

 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638">

Vous devrez défiler vers la droite, mais vous remarquerez qu'il n'y a pas d'attribut viewBox. Si j'ajoute un attribut viewBox, en spécifiant la taille complète optimale du SVG (tel que spécifié par les attributs de largeur et hauteur), la Wii échelle correctement!

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