구현 줌, 자바 스크립트/캔버스

Question

가능한 중복은 :
Zoom in on a point (using scale and translate)

나는 마우스 휠과 마우스 포인터에 확대 구현하려는. 그것은 마우스 포인터 아래의 점이 고정 된 상태에서 이미지 크기를 조절하는 것입니다. 여기

아주 잘

var scala = 1 + event.wheelDelta/1000; 
canvas.context.translate(-canvas.mouse.x * (scala - 1)/canvas.scale,-canvas.mouse.y * (scala - 1)/canvas.scale); 
canvas.context.scale(scala,scala); 
canvas.scale *= scala; 
//canvas.scale is my variable that is initially set to 1. 
//canvas.mouse is my variable that represents the mouse position relative to the canvas 

Answer 1

그것을 해결하고 대답은 여기에 있습니다 : same question이

Answer 2

내 생각 엔 각 다시 그리기 후 줌 레벨을 저장하는 경우 당신이하는 canvas.context.restore()을 할 필요가 있다는 것입니다 작동하지 않습니다 내 코드입니다.

Answer 3

다른 것을 보지 않고 마우스 포인트를 (0,0)으로 이동하기 전에 하나, (0,0) (이제 확대 된 그림으로)를 이동 한 후 하나의 변환이 필요합니다. 마우스가 있었어.