(Testé sous Chrome et Firefox...)
(Je mets dans JS car il est utilisé, mais le "problème" me semble davantage provenir de SVG...)
Bonsoir,
Un exemple vaut mieux qu'un long discours, cliquez sur les carrés rouges pour faire apparaître les cercles verts là où est votre curseur (truc bête et méchant donc) :
http://jsfiddle.net/cbbreuxz/
Objectif : ajouter des points à la volée (clic de souris) dans un SVG pour déterminer ce qui sera une forme remplie (path).
Résumé du problème :
- lorsque j'applique un viewport, mon élément se décale en proportion des coordonnées du point normalement assigné (= plus on s'éloigne des coordonnées (0,0), plus le décalage est important),
- ce décalage n'apparaît évidemment pas lorsqu'il n'y a pas l'utilisation du viewport (comportement normal).
De mémoire, le navigateur ne fait-il toutes les opérations de transformation lui-même lorsqu'il y a un viewport... ? Dès lors, faut-il reprendre "à la main" toutes les coordonnées lorsqu'on ajoute un nouvel élément grâce à JS ?
Merci de vos éclairages ; j'ai fouillé et je sèche lamentablement...![]()
Bonne soirée,
Julien.
Partager