Ich muss eine Funktion "onMouseClick" entwickeln, die die Koordinate (x, y) eines Bildes in einer Leinwand erhält, also wie können wir die Koordinaten x, y von a bekommen ziehbares und zoombares Bild in einer Leinwand (Javascript)?Wie bekomme ich Koordinaten xy von Bild in einer Leinwand
Hier ist mein Code:
onMouseClick: function(iEvent){
var rect = this.elements.container.getBoundingClientRect();
var x = iEvent.pageX - rect.left;
var y = iEvent.pageY - rect.top;
var coord = "X: " +x+ " , Y: " +y;
console.log(coord);
},
Ich möchte die Koordinaten x erhalten, y meiner Bild in dieser Leinwand, selbst wenn ich auf es zu vergrößern oder es ziehen.