在 HTM5 上製作滑鼠移過的圖象縮放

要使圖片在滑鼠懸停時縮放，請使用原生 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);
}

薩繆爾·薩姆

更新於：29-Jan-2020

292 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

立即開始