Canvas Kineticjs -鼠标位置错误
Canvas Kineticjs - position mouse is wrong
首先是文本行然后是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);
});
可以使用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);
});
使用stage.getMousePosition()。例子:
http://www.html5canvastutorials.com/kineticjs/html5-canvas-path-mouseover/你也可以使用stage.getTouchPosition()来处理触摸事件,或者使用stage.getPointerPosition()来处理鼠标或触摸事件
相关文章:
- 传单缩放控制位置错误
- 流星应用程序中的按钮位置错误
- imgAreaSelect插件在引导模式窗口中的位置错误
- 谷歌浏览器中的地理位置错误回调
- 使用 select2 时引导弹出框的位置错误
- 地理位置错误:用户拒绝了安卓地理位置
- document.位置错误处理
- 鼠标位置错误
- 尝试恢复浏览器时验证位置错误
- JQuery UI工具提示-工具提示的位置错误(在页面左侧,而不是按钮周围)
- D3-记号位置错误
- 角度材质日期选择器位置错误,Chrome除外
- 动态创建Div's、 外部Div的孩子,在Chrome中的位置错误,但在IE中是正确的
- qTip2在渲染时的位置错误
- 简单的jquery验证-自定义位置错误消息放置
- iPhone模拟器位置错误
- 什么是粒子系统位置错误
- 滚动位置错误在一个页面的网站
- 使用TrackballControls移动光线时,相机位置错误
- jQuery追加位置错误