canvas画布获取定位的坐标位置

你的名字 2022-01-14 23:07 830阅读 0赞

方法一：

  1. cvs.onclick = function (e) { 
  2.     if (e.offsetX || e.layerX) { 
  3.            var x = e.offsetX == undefined ? e.layerX : e.offsetX;
  4.            var y = e.offsetY == undefined ? e.layerY : e.offsetY;
  5.    }
  6. }

方法二：

  1. function windowToCanvas(x,y) { 
  2.       var cvsbox = cvs.getBoundingClientRect();
  3.       return {  x: Math.round(x - cvsbox.left), y: Math.round(y - cvsbox.top) };
  4. }
  6. cvs.onclick = function (e) { 
  7.      var clickXY = windowToCanvas(e.clientX, e.clientY);
  8. }

发表评论

表情：
评论列表 （有 0 条评论，830人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Android Canvas画布

    在本教程中，我们将讨论 Android 的一个非常重要的部分，即 Canvas。这是每个开发人员都喜欢远离的领域。本教程的目的是让您更加了解和轻松使用 Android Canv

    一时失言乱红尘一时失言乱红尘/ 0 赞/ 142 阅读

    相关 canvas画布

    canvas标签 <canvas></canvas> 接下来使用支持H5的浏览器打开该页面，将会看到如下内容： ![在这里插入图片描述][watermark

    系统管理员系统管理员/ 0 赞/ 231 阅读

    相关 canvas-画布

    概述 HTML5 的 canvas 元素用于定义画布，是一个矩形区域，默认颜色为白色，默认大小为 300 \ 150；通过 JavaScript 可以在该区域上绘制图像

    浅浅的花香味﹌浅浅的花香味﹌/ 0 赞/ 146 阅读