Canvas Kineticjs - 位置鼠标错误

Question

我有文字线后，我有画布
但是在画布上定位鼠标是错误的（现在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属性。

看看这里 - ＆gt; 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); 
});

Answer 2

只需使用stage.getMousePosition（）。示例：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-path-mouseover/

您还可以为触摸事件起诉stage.getTouchPosition（），或者为鼠标或触摸事件起诉stage.getPointerPosition（）