在 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);
}

Samual Sam

更新日期: 2020 年 1 月 29 日

294 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始