Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTM5 에서 이미지 스케일 마우스 오버하기

<시간/>

마우스 오버 시 이미지 크기를 조정하려면 Vanilla JavaScript 라이브러리를 사용하십시오.

마우스 이동 시 다음과 같이 설정합니다.

function move(e) {
   var pos = getMousePos(myCanvas, e);
   context.drawImage(img, -pos.x, -pos.y, img.width, img.height);
}

캔버스:

//add event listener we need
myCanvas.addEventListener('mouseout', display, false);
myCanvas.addEventListener('mousemove', move, false);


function display() {
   context.drawImage(img, 0, 0, img.width>>1, img.height>>1);
}