Comment obtenir la position correcte de l'événement clic de souris sur toile

Question

J'ai une toile:

Canvas = function(){ //v1.0 
    var o = this; 
    (o.penPos = {x: 0, y: 0}, 
    o.pixelSize = 10, 
    o.pen = {style: "solid", size: 1, color: "#000"}, 
    o.brush = {style: "solid", color: "#000"}); 
}; 

que je fais ce qui suit sur événement click:

document.onclick = function(e){ 
    canvas.pixel(e.x, e.y); 
} 

mais il ne montre pas la co ordonne dans la position correcte, je ne sais pas ce qui ne va pas, car je suis nouveau à la conception de l'interface utilisateur.

Answer 1

Si vous allez écouter les clics sur les document vous voulez:

event.offsetX 
event.offsetY 

Pour obtenir les coordonnées par rapport à l'élément de toile. Vous devrez également vérifier que votre élément cible est l'élément de canevas d'intérêt.

Il est peut-être préférable d'écouter les clics sur l'élément canvas lui-même.