HTML5 Canvas-এ মাউস হভারে ইমেজ স্কেল করা

মাউস হভারে ইমেজ স্কেল করতে Vanilla জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার করুন।

মাউস মুভে নিচের মতো সেট করুন:

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

ক্যানভাসের জন্য:

myCanvas.addEventListener('mouseout', display, false);
myCanvas.addEventListener('mousemove', move, false);

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