HTML5 Canvas के साथ mousedown और mouseup को कैसे हैंडल करें?

माउस इवेंट हैंडलिंग

HTML5 Canvas के साथ mousedown और mouseup इवेंट को हैंडल करने के लिए:

var mouseDown = false;

// mousedown के लिए
canvas1.onmousedown = function(event){
    dragOffset.x = event.x - mainLayer.trans.x;
    dragOffset.y = event.y - mainLayer.trans.y;
    mouseDown = true;
}

// mouseup के लिए
canvas1.onmouseup = function(event){
    if(mouseDown) mouseClick(event);
    mouseDown = false;
}

यह पैटर्न ड्रैग ऑपरेशन्स और क्लिक डिटेक्शन के लिए माउस स्टेट को ट्रैक करता है।