微信小程序wx.canvasGetImageData 获取canvas数据，并转换成base64渲染到页面上

微信小程序的`wx.canvasGetImageData`方法用于从Canvas元素获取指定区域的数据，通常是以像素数组的形式返回。这个方法可以让你访问并操作画布的内容，比如获取图片信息后，你可以将其转换为Base64格式，以便于显示在页面上。

以下是一个简单的示例步骤：

1. 首先，在你的WXML文件中创建一个`<view>`标签作为Canvas容器：

<canvas id="myCanvas" canvas-id="myCanvasId"></canvas>

2. 然后，在对应的JS文件中，获取Canvas实例并监听它的`draw`事件，以便在绘制完成后获取数据：

Page({
  data: {
    base64Data: ''
  },
  onLoad: function() {
    const canvas = wx.createSelectorQuery().select('#myCanvas').fields('rendered-dom')[0].canvas;
    canvas.addEventListener('draw', this.onDraw);
  },
  
  onDraw(e) {
    // 在这里获取绘制后的图像数据
    let imageData = canvas.toDataURL();
    this.setData({ base64Data: imageData });
    
    // 如果需要将数据渲染到页面，可以在某个视图上绑定img标签：
    // <image src="{{base64Data}}" />
  }
})

当你在Canvas上绘制完毕后，`onDraw`函数会被触发，此时`imageData`变量就是Base64编码的图像数据。