javascript - 如何在 Canvas 中获取图像的坐标x y

Question

我必须开发一个函数“onMouseClick”来获取 Canvas 中图片的坐标 (x,y)，那么我们如何获取 Canvas 中可拖动和缩放图像的坐标 x,y (javascript) ？

这是我的代码:

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

},

即使我放大或拖动它，我也想在 Canvas 中获取我的图片的坐标 x,y。

Answer 1

x: iEvent.clientX - rect.left,
y: iEvent.clientY - rect.top

这应该可以为您完成工作。来源:http://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/