mothsART / editInteractiveSVG

Edit a static SVG with legend and description to be an interactive content.
https://mothsart.github.io/labo/frontend/edit_interactive_svg/
BSD 2-Clause "Simplified" License
12 stars 0 forks source link

Impossible de déplacer la légende lors d'un chargement d'une image personnelle #6

Closed ghost closed 6 years ago

ghost commented 6 years ago

Même problème qu'à l'origine, si le bug est corrigé pour les exemples, je n'avais pas fait le test avec une image personnelle. A l'ajout de la transition je me retrouve avec un doigt pour pointer et pas une main pour déplacer.

Il serait aussi intéressant de pouvoir choisir la taille de l'image svg sélectionnée de base dans l'éditeur.

mothsART commented 6 years ago

Ma crainte derrière ce dev c'est les effets de bord sur une partie désormais stable à mon sens. Je préfère donc le réserver pour une 1.1 plutôt que différer grandement la sortie d'une 1.0 pour une fonctionnalité non bloquante.

Je peine à comprendre : pour moi, le svg n'a pas de taille à proprement parlé vu que justement, c'est du vectoriel. En revanche, il a un ratio (diff entre hauteur et largeur). Un travail de fond à été effectué à ce niveau pour que le fichier svg occupe constamment l'espace le plus grand dans la zone d'édition afin de garantir un confort optimal.

ghost commented 6 years ago

On ne s'est peut être pas être pas compris.

edit interactive svg - mozilla firefox_010

l'adresse de l'image de travail : https://commons.wikimedia.org/wiki/File:Volcano.svg

mothsART commented 6 years ago

Merci pour l'exemple.

Effectivement, on ne pouvait pas se comprendre. Tu viens de mettre le doigt sur un bug spécifique à Firefox et lié à la nature du fichier importé.(pas d'attribut viewbox dans le svg : le fichier est sans doute ancien car mes versions de Inkscape ne me permette pas de créer de svg sans renseigner de viewbox) En effet, pour avoir l'accès aux tailles du viewbox à l'import, on a une api de ce type : svg.viewBox.baseVal; Si l'attribut "viewbox" n'existe pas dans le noeud svg, chrome en déduit qu'il prend les tailles de l'illustration au complet. En revanche, firefox par du constat opposé : pas renseigné donc je ne sais pas => valeur null.

Ce soucis bloque à l'import du fichier et empèche par conséquent le resize de l'image (qui parait petite du coup) et l'attribution des évènements : pas de drag and drop.

Je viens d'envoyer le correctif correspondant !

ghost commented 6 years ago

je confirme la correction