J'ai joint un violon, ce qui, j'espère, est clair : http://jsfiddle.net/1b4mLnfj/2/

Merci je vais regarder ça

Cela fait un moment que je fouille dans ce domaine et il semble que les limites du conteneur soient calculées correctement, mais l'image vectorielle elle-même adopte les dimensions de la fenêtre d'affichage. Il semble que les limites et les limites courbes soient correctes, donc je ne sais pas où apporter des modifications... Quelqu'un a-t-il déjà rencontré un problème comme celui-ci?

Après une enquête plus approfondie, il semble que cela ne se produise qu'avec les images svg "responsives" - si vous ouvrez le svg dans Illustrator et enregistrez sans l'option responsive cochée, la taille sera correcte... essentiellement si le svg ne le fait pas. avoir une hauteur et une largeur encodées (ce qu'Illustrator a appelé "responsive") puis il adoptera les dimensions de la fenêtre.

Une solution potentielle consiste donc à remplacer le <img> par un vrai <svg> utilisant une bibliothèque comme svg-inject (https://github.com/iconfu/svg-inject) -- ici, si vous appliquez une hauteur et une largeur au <img> , il sera adopté par le <svg> lors de l'injection et cela empêchera le redimensionnement sur le canevas.

Il y a quelques inconvénients à cela (comme lors de l'utilisation de src encodés, base64, ou si vous avez plusieurs svg avec la même structure et le même style de classe en ligne), mais cela aidera peut-être quelqu'un d'autre aux prises avec le problème. J'y travaille régulièrement depuis quelques jours et c'est la meilleure solution que j'ai jusqu'à présent. Je ne trouve rien dans le code html2canvas réel qui empêchera le redimensionnement d'une image svg sur le canevas si le svg n'a pas de valeurs de hauteur / largeur codées.

Je jette donc l'éponge sur celui-ci mais j'ai atterri sur la solution étant liée à la façon dont le svg est rendu/dessiné sur la toile. Plus précisément, dans renderNodeContent si nous pouvons déterminer comment déterminer si une image est un svg et aussi une qui manque la hauteur / largeur codée (responsive), alors nous pourrions dessiner ce svg avec des dimensions qui correspondent à la fenêtre ( width = viewport.width, height = (image.height * viewport.width) / image.width)) alors théoriquement cela pourrait fonctionner. Je ne sais tout simplement pas comment déterminer si l'image svg manque ces valeurs de hauteur et de largeur.

une mise à jour ici?

Pas de ma part, j'ai arrêté de travailler sur le problème mais j'espère que les commentaires ci-dessus pourraient être utiles.

Salut j'ai eu le même problème.
Ma balise d'image contenait un style style='transition: transform 0.6s;' . Sans cela, l'image s'est correctement rendue.