获取Fabric.js中被单击对象的当前光标位置

Question

我正在开发一个涉及HTML画布功能的Web应用程序。我正在使用Fabric.JS-http://fabricjs.com/在其上呈现对​​象。在Fabric.Js中，我可以像在此链接http://fabricjs.com/中那样实现对象的事件侦听器。

我现在将图像对象添加到画布，并对该图像对象实现鼠标事件侦听器。当单击画布上的图像对象时，我想检索单击的图像的位置（x，y）。但是它总是返回零。

我正在这样向画布添加图像对象：

var imgInstance = new fabric.Image(js_left_temp_img, {
                        left: 0,
                        top: 0
                    });

                    imgInstance.scale(0.1)
                    imgInstance.selectable = false;
                    imgInstance.set('selectable', false)
                    $canvas.add(imgInstance);
然后，我将事件监听器设置为这样的图像对象，并尝试像这样检索图像对象的单击位置。

imgInstance.on('mousedown', function(e){
                        //alert('Image clicked')
                        console.log(e.target.left + " - " + e.target.top)

                    });
当我单击图像时，它将触发事件，但是左值和上值始终返回零。如何在事件侦听器中检索图像的当前单击的左，上或左，右和右位置？

我正在开发一个涉及HTML画布功能的Web应用程序。我正在使用Fabric.JS-http://fabricjs.com/在其上呈现对​​象。在Fabric.Js中，我可以将对象的事件侦听器实现为...

Answer 1

使用object.getLocalPointer()

Answer 2