javascript - Canvas Kineticjs - 鼠标位置错误

Question

我首先有文本行，然后我有 Canvas
但是将鼠标放在 Canvas 上是错误的(现在 y 位置的零 = 文本行的高度)
http://jsfiddle.net/dSC26/

<div id="output">output</div>
<div id="container"></div>

yoda.on('mousemove', function(e) {
    $('#output').html('position mouse on canvas: '+'x: ' + e.clientX + ', y: ' + e.clientY); 
});

我该如何解决这个问题，谢谢!

Answer 1

您可以使用 event.offsetX/Y 或 event.layerX/Y 属性。

看看这里 -> http://jsfiddle.net/dSC26/2/

yoda.on('mousemove', function(e) {
    var offsetX = e.offsetX || e.layerX,
        offsetY = e.offsetY || e.layerY;

    $('#output').html('position mouse on canvas: '+'x: ' + offsetX + ', y: ' +  offsetY); 
});