如何在fabric.js中显示鼠标坐标

时间:2014-03-26 18:29:15

标签: javascript fabricjs

您好我正在尝试在我的程序中显示或捕获鼠标坐标。 在此程序中,您可以单击任何按钮,将出现相应的图像。 我也想在这上面显示鼠标坐标。

我尝试了以下代码,但它不起作用。 请让我知道我哪里出错了。

   canvas.on('mouse:down', function(options){
   getMouse(options);// its not an event its options of your canvas object
});


function getMouse(options) {
    console.log(options);// you can check all options here
    console.log(options.e.clientX);
}

小提琴是: http://jsfiddle.net/wv9MU/9/

1 个答案:

答案 0 :(得分:0)

这可能是你的getMouse函数:

function getMouse(options) {
    p = canvas.getPointer(options.e);
    document.getElementById('mouse').value = '' + p.x.toFixed() + ', ' + p.y.toFixed(0);
}

这是一个未经更新的工作小提琴。 http://jsfiddle.net/wv9MU/22/