如何在Fabric.js上获得鼠标坐标？ [英] How do I get mouse coordinates on Fabric.js?

问题描述

我正在尝试读取Fabric.js鼠标点击的X坐标。

I'm trying to read the X coordinate of a mouse click on Fabric.js.

这是我的代码。控制台每次都记录 undefined 。

Here is my code. The console logs undefined every time.

var canvas = new fabric.Canvas('c1');
canvas.on('mouse:down', function(e){
  getMouse(e);
});

function getMouse(e) {
  console.log(e.clientX);
}

推荐答案

最好的解决方法是这个方法

实施：

function getMouseCoords(event)
{
  var pointer = canvas.getPointer(event.e);
  var posX = pointer.x;
  var posY = pointer.y;
  console.log(posX+", "+posY);    // Log to console
}

这篇关于如何在Fabric.js上获得鼠标坐标？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！