Bonjour.

Je dois développer une application pour mobile (ce n'est pas le problème mais prenez donc bien ceci en compte pour le contexte ^^) qui permet de manipuler un document au format SVG.
On doit, sur ce dernier, pouvoir le déplacer (translation) et effectuer un zoom. Sachant que le document de test est assez grand (histoire d'être sur que cela marchera pour tout les cas), je suis loin d'arriver à quelque chose de "fluide".

Ma question : Quelle est la meilleure méthode pour interagir sur un document SVG ? (En langage Web). J'ai donc essayer l'attribut "viewBox", les propriétés CSS, les propriétés "style" via JS...
J'aimerai avoir vos avis !

Merci à tous.

2 réponses


Comme tu dis viewBox :)
Pour ce qui est des dérivés si par hasard pour ton appli mobile tu utilises jQuery mobile tu as également jQuery svg (les exemples permettent de juger de son efficacité)
Si pour ton appli tu développes via Eclipse, il y a également ce plugin je ne sais pas s'il te sera utile..

Bonne continuation :)

Thiph
Auteur

Merci pour ton avis :-)
Je rajoute juste un truc, en passant par le "viewBox", sur un document faisant au bas mot un peu plus de 40.000 lignes (ce sont des documents très complexes), c'est tout simplement l'inverse de ce qu'on appelle la fluidité :(

Une idée sur des documents de cette taille ?