微信小程序如何获取画布触碰点的坐标

当我们开发一些类似于画图应用的微信小程序时，开始肯定要获取手指触碰画布时的坐标，然后才能进行绘制的事件。

首先给canvas组件绑定一个函数，当触碰的时候就会执行这个函数，wxml代码如下：

<view>
  <canvas bindtap="GetPoint" canvas-id="mycanvas"></canvas>
</view>

js文件的代码：

Page({
    data: {
        x1:0,
        y1:0
    },
    GetPoint:function(e){
        this.setData({
            x1:e.touches[0].pageX,
            y1:e.touches[0].pageY
        })
    }
})

其中x1，y1就是我们需要的手指触碰处的横纵坐标值了。注意这个横纵坐标值是以整个屏幕的左上角为原点计算的，而不是相对于你的canvas组件左上角计算的。

如有错误欢迎评论指出。