Kullandığım bir tuval nesnesindeki olaylar nelerdir?

Question

canvas object üzerinde hangi olayları yapabileceğimi. Özellikle, ben tuval içinde x ve y verecek bir fare tıklaması (veya aşağı, yukarı, vb) olayı arıyorum.

Answer 1

İşte küçük bir [Demo].

var canvas = document.getElementById("canvas"); 
canvas.onclick = function(e) { 
    // mouse coordinates relative 
    // to the canvas element 
    var position = canvas.getBoundingClientRect(); 
    var click = { 
    x: e.clientX - position.left, 
    y: e.clientY - position.top 
    }; 
}; 

Answer 2

DOM olaylarını DOM nesnelerinden (ögeler) başka şeylere ekleyemezsiniz. canvas bir DOM öğesidir, üzerinde çizdiğiniz şeyler değildir. Kullanıcının tıkladığı özel x y koords'larını elde etmek için tıklama olayını canvas öğenize eklemeniz ve ardından tıklamanın x, y coords'larını canvas öğenizin x, y coords ile karşılaştırmanız gerekir.