微信小程序canvas 2d 绘制图片与文字 ，并打印画布像素数据出来

好的，针对你的问题，我可以给出以下步骤：

1. 创建一个 canvas 元素，并在其中绘制图片和文字：

const ctx = wx.createCanvasContext('myCanvas')

// 绘制图片
ctx.drawImage('/path/to/image.jpg', 0, 0, 300, 200)

// 绘制文字
ctx.setFontSize(20)
ctx.fillText('Hello World!', 50, 50)

// 绘制完成后调用 draw 方法将内容显示在画布上
ctx.draw()

2. 获取 canvas 的像素数据：

// 使用 canvasToTempFilePath API 将画布转换为图片
wx.canvasToTempFilePath({
  canvasId: 'myCanvas',
  success(res) {
    // 将转换后的图片路径赋值给 image 对象
    const image = new Image()
    image.src = res.tempFilePath

    // 创建一个新的 canvas 元素用于获取像素数据
    const pixelCanvas = document.createElement('canvas')
    pixelCanvas.width = 300
    pixelCanvas.height = 200

    // 将图片绘制到新的 canvas 元素上
    const pixelCtx = pixelCanvas.getContext('2d')
    pixelCtx.drawImage(image, 0, 0)

    // 获取像素数据
    const pixelData = pixelCtx.getImageData(0, 0, 300, 200).data

    console.log(pixelData)
  }
})

以上就是绘制图片和文字，并获取画布像素数据的完整代码。希望能对你有所帮助！