javascript - 如何在 mozilla 上获取 Fabric.js Canvas 鼠标坐标

标签 javascript fabricjs

这是在 google chrome 上运行的代码

var pointer = canvas.getPointer(event.e);
var posiX = pointer.x;  
var posiY = pointer.y;  
posiX=Math.round( posiX );
posiY=Math.round( posiY );

在mozzila上,我收到“TypeError:事件未定义”,它指向 var 指针 = canvas.getPointer(event.e);

最佳答案

一毛钱,

请使用这样的鼠标事件:

canvas.on('mouse:down', function(event){
   var pointer = canvas.getPointer(event.e);
   var posiX = pointer.x;  
   var posiY = pointer.y;  
   posiX=Math.round( posiX );
   posiY=Math.round( posiY );
});

事件”必须定义为函数参数的一部分。请确保您具有相同的逻辑。

关于javascript - 如何在 mozilla 上获取 Fabric.js Canvas 鼠标坐标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41636200/

相关文章:

javascript - 防止鼠标松开时默认

javascript - 无法获取要单击的链接并使用 PhantomJS 切换到下一页

javascript - WebSocket 的 Webaudio 播放出现中断

javascript - 如何欺骗 JavaScript GET 请求的用户代理?

javascript - 在fabricjs上,如何确定某个对象是否已存在于某个坐标处?

javascript - 有没有办法使用 fabric.js 导入图像文件?

javascript - Leaflet,重现/调用拖动事件

javascript - 使用 ember_data 而不是 ember_model.js

javascript - Fabric js 剪辑对象到背景图像

javascript - Fabric.js Canvas - 使一种对象始终位于另一种对象下方