Zoom sur la position de la souris dans KineticJS

Question

Question:

Comment puis-je effectuer un zoom avant sur la position de la souris sur des rouleaux de molette de la souris?

Détails:

Je suis en train de fusionner this complete solution sur débordement de la pile, ce qui permet de zoomer de la scène, avec this incomplete solution, ce qui permet de zoomer autour de la souris lorsque vous cliquez dessus. J'ai fourchu le code jsfiddle here. Le code fonctionne bien une fois que vous l'avez fait zoomer, mais au premier défilement, la scène saute à un endroit différent et je n'arrive pas à comprendre pourquoi. Quelqu'un peut-il me dire pourquoi cela se passe, et comment le résoudre. Merci.

Answer 1

Juste une supposition, mais vous utilisez la position de la souris par rapport à la page ne la toile

Answer 2

Lorsque vous effectuez un zoom, la position dans votre position de la souris est changée (la raison de sauter). Pour revenir à la position d'origine, vous devez déplacer le décalage (différence entre la position précédente et la nouvelle position (après le zoom)). Pour éviter le saut d'étape à un emplacement différent, vous pouvez utiliser la fonction stage.setOffset de KineticJS.

JSFiche: http://jsfiddle.net/rpaul/ckwu7u86/3/