HTML5 Canvas पर माउस ओवर पर इमेज स्केल करना

माउस ओवर पर इमेज को स्केल करने के लिए, Vanilla JavaScript लाइब्रेरी का उपयोग करें।

माउस मूव पर, इसे निम्नानुसार सेट करें:

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

Canvas के लिए:

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