Canvas Kineticjs - 位置鼠标错误

时间:2013-04-09 04:20:29

标签: javascript canvas html5-canvas kineticjs

我有文字线后,我有画布
但是在画布上定位鼠标是错误的(现在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); 
});

我如何解决这个问题,谢谢!。

2 个答案:

答案 0 :(得分:1)

您可以使用event.offsetX/Yevent.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); 
});

答案 1 :(得分:1)

只需使用stage.getMousePosition()。示例:

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

您还可以为触摸事件起诉stage.getTouchPosition(),或者为鼠标或触摸事件起诉stage.getPointerPosition()