微信小程序 wx.createSelectorQuery().select('#editor').context()的使用

微信小程序中，`wx.createSelectorQuery().select('#editor').context()` 是用于获取指定节点的 `CanvasRenderingContext2D` 对象的方法。具体使用方式如下：

1. 在 wxml 文件中，给指定节点设置一个 `id`，如 `<canvas id="editor"></canvas>`。
2. 在对应的 js 文件中，使用 `wx.createSelectorQuery()` 方法创建一个选择器查询对象，然后使用 `select()` 方法选择指定的节点，如 `wx.createSelectorQuery().select('#editor')`。
3. 调用 `context()` 方法获取指定节点的 `CanvasRenderingContext2D` 对象，如 `wx.createSelectorQuery().select('#editor').context()`。

在获取到 `CanvasRenderingContext2D` 对象后，就可以使用它提供的各种绘图方法，进行自定义绘图了。需要注意的是，使用 `context()` 方法前，需要确保指定的节点已经完成渲染，否则可能会出现获取不到 `CanvasRenderingContext2D` 对象的情况。可以使用 `createSelectorQuery()` 的 `exec()` 方法，在页面渲染完成后再执行查询操作，如：

wx.createSelectorQuery().select('#editor').exec(function (res) {
  const canvas = res[0].node
  const ctx = canvas.getContext('2d')
  // 进行绘图操作
})