Canvas是微信小程序API中的一个功能强大的绘图接口，可以在二维网格中进行绘制。

1. Canvas 坐标系

Canvas坐标系左上角的坐标为(0, 0)，这意味着你可以使用该点作为起点，在画布上绘制你所需要的图形。例如，使用函数fillRect(0, 0, 150, 75)可以从左上角(0, 0)开始，在画布上绘制一个尺寸为150x75像素的矩形。

2. 坐标系例子

为了更好地理解Canvas坐标系，我们可以在<canvas/>中添加一些事件来观测其坐标系。下面的代码演示了如何捕获手指在Canvas上的触摸事件，并在下方生成相应的坐标。

  <canvas canvas-id="myCanvas"
    style="margin: 5px; border:1px solid #d3d3d3;"
    bindtouchstart="start"
    bindtouchmove="move"
    bindtouchend="end"/>

  <view hidden="{{hidden}}">
    Coordinates: ({{x}}, {{y}})
  </view>

  Page({
    data: {
      x: 0,
      y: 0,
      hidden: true
    },
    start: function(e) {
      this.setData({
        hidden: false,
        x: e.touches[0].x,
        y: e.touches[0].y
      })
    },
    move: function(e) {
      this.setData({
        x: e.touches[0].x,
        y: e.touches[0].y
      })
    },
    end: function(e) {
      this.setData({
        hidden: true
      })
    }
  })

当你在Canvas上移动手指时，在下方将显示触摸点的坐标。这将帮助你更好地理解Canvas坐标系。

在小程序中使用Canvas进行绘图可以实现丰富多彩的功能，而了解Canvas坐标系将有助于你在Canvas上精准地绘制出所需的形状。