HTML5 canvas 坐标

最新推荐文章于 2024-11-06 15:47:31 发布

lyxh_2003

最新推荐文章于 2024-11-06 15:47:31 发布

阅读量117

点赞数

分类专栏：程序开发文章标签： html5

本文链接：https://blog.csdn.net/lyxh_2003/article/details/84364464

版权

程序开发专栏收录该内容

8 篇文章 0 订阅

订阅专栏

$('#canvas').mousedown(function(e){
  var mouseX = e.pageX - this.offsetLeft;
  var mouseY = e.pageY - this.offsetTop;
});

e.pageX和e.pageY 表示事件执行时获取鼠标在浏览器里的坐标，就是事件触发源的坐标
this.offsetLeft和this.offsetTop表示canvas在浏览器里的位置
相减得到鼠标在canvas里的位置