De Zoom et de panoramique HTML5 canvas - bibliothèque
Je suis en train de mettre en œuvre le zoom et le panoramique d'une toile qui contient une image.
J'ai trouvé cet exemple http://phrogz.net/tmp/canvas_zoom_to_cursor.html, mais les transformations sont appliquées sur l'image dans la toile, pas sur la toile.
Je ne comprends pas le code complètement, de sorte que je n'ai pas réussi à l'adapter à mes besoins.
Quelqu'un peut-il m'aider?
Ou, si vous pouviez me recommander quelques bonnes bibliothèque adaptée à mes besoins, ce serait génial.
Merci.
pourquoi avez-vous besoin de déplacer la toile elle-même plutôt que d'une image à l'intérieur de la toile?
Parce que j'ai la superposition de deux éléments canvas, un pour tenir l'image et l'autre pour le dessin. Ainsi, lorsque l'image est déplacée/zoom, l'autre de la toile devrait suivre.
Parce que j'ai la superposition de deux éléments canvas, un pour tenir l'image et l'autre pour le dessin. Ainsi, lorsque l'image est déplacée/zoom, l'autre de la toile devrait suivre.
OriginalL'auteur nena | 2014-07-23
Vous devez vous connecter pour publier un commentaire.
Découvrez la transformation des méthodes disponibles sur l'objet de contexte.
Context.scale
vous permettra de faire évoluer votre contenu.Context.translate
vous permettra de compenser le dessin de votre contenu afin de créer votre effet panoramique.Si vous voulez la superposition de 2 toiles de maintenir leur ratio d'aspect, alors vous serait échelle & traduire les deux toiles du même montant.
Voici un exemple de code et une Démo: http://jsfiddle.net/m1erickson/H6UMN/
OriginalL'auteur markE