#1 Thu 19 January 2006 17:22
- raphaelgeo
- Participant actif
- Date d'inscription: 14 Dec 2005
- Messages: 78
svg viewbox javascript
voila j'ai un svg comme suit :
<svg width="6cm" height="4.5cm" viewBox="0 0 400 400" >
le viewbox permet de gerer le zoom, les deux premiers chiffres positionnent en x et y le coté superieur gauche
du viewbox et les deux autres determinent le zoom, plus ces deux derniers sont petits et plus le zoom est puissant.
ce QUE je n'arrive pas à comprendre c'est ce que sont ces valeurs, par exemple dans notre cas 400 et 400.
à quelle echelle font-elles réference ?
comment fait-on en javascript pour recuperer les valeurs
du viewbox et comment fait-on pour affecter de nouvelles valeurs à ces 4 parametres?
davance merci
Hors ligne
#2 Fri 20 January 2006 08:32
- otravaglini
- Participant occasionnel
- Lieu: Genève
- Date d'inscription: 22 Nov 2005
- Messages: 30
- Site web
Re: svg viewbox javascript
Bonjour,
Les balise "with" et "heigt" représentent la taille de votre fenêtre à l'écran tandis que la balise ViewBox représente la "zone visible" de votre carte dans cette fenêtre.
Donc par exemple si dans votre SVG vous avez un point qui à pour position X=50 Y=500 vous ne le verrez pas apparaître sur votre carte la zone visible s'arrêtant à 400.
Des info plus détaillées ici
http://www.yoyodesign.org/doc/w3c/svg1/ … xAttribute
http://www.carto.net/papers/svg/samples/viewbox.shtml
Meilleures salutations
Olivier T.
Hors ligne
#3 Fri 20 January 2006 10:27
Re: svg viewbox javascript
Pour ce qui est des valeurs, vous pouvez les declarer dans des variables Javascript et reutiliser ces dernieres dans la declaration de votre svg.
quelques url :
http://pilat.free.fr/routines/js_dom.htm (notamment setAttribute("id",valeur))
http://fr.selfhtml.org/javascript/langage/variables.htm
http://svgfr.org/forum/?action=vthread& … ;topic=115
bon courage
Hors ligne
