SVG graphiques auto mise à l'échelle dans J2me

Question

Je développe ma première application en utilisant des graphiques SVG, qu'en est-il de la mise à l'échelle automatique de l'image de fond SVG pour correspondre à la largeur et la hauteur de l'écran? est-ce possible ou dois-je avoir plusieurs fichiers pour les différentes résolutions d'affichage

Answer 1

Je ne suis pas sûr de J2ME spécifiquement, mais cela est généralement accompli en définissant l'attribut viewBox sur l'élément SVG racine, et en définissant la largeur et la hauteur à 100%. Voir ici pour un exemple:

<?xml version="1.0" standalone="no"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg version="1.1" 
     viewBox="0 0 1500 1000" preserveAspectRatio="none" 
     xmlns="http://www.w3.org/2000/svg" 
     width="100%" height="100%"> 
     <desc>Example ViewBox - uses the viewBox 
     attribute to automatically create an initial user coordinate 
     system which causes the graphic to scale to fit into the 
     viewport no matter what size the viewport is.</desc> 
     <!-- This rectangle goes from (0,0) to (1500,1000) in user space. 
     Because of the viewBox attribute above, 
     the rectangle will end up filling the entire area 
     reserved for the SVG content. --> 
     <rect x="0" y="0" width="1500" height="1000" 
     fill="yellow" stroke="blue" stroke-width="12" /> 
     <!-- A large, red triangle --> 
     <path fill="red" d="M 750,100 L 250,900 L 1250,900 z"/> 
     <!-- A text string that spans most of the viewport --> 
     <text x="100" y="600" font-size="200" font-family="Verdana" > 
     Stretch to fit 
     </text> 
</svg> 

démo en direct ici: http://stuff.echo-flow.com/stackoverflow/viewbox.svg

Pour plus d'informations sur la préservation du rapport d'aspect de l'image, voir la spécification ici: http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute