HTM5 <कैनवास> . पर इमेज स्केल माउस बनाना

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

माउस ले जाने पर, इसे निम्न की तरह सेट करें:

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