微信小程序如何读取图片rgb值

Question

微信开发者工具怎么将本地图片的rgb值读取出来并放入到数组中？

Answer 1

微信开发者工具提供了一个可以读取图片信息的API，可以使用这个API来获取本地图片的RGB值，并将其放入一个数组中。以下是一个简单的示例代码：

// 选择本地图片
wx.chooseImage({
  success: function(res) {
    // 获取图片信息
    wx.getImageInfo({
      src: res.tempFilePaths[0],
      success: function(res) {
        // 创建一个canvas对象
        var canvas = wx.createCanvasContext('canvas')
        // 将图片绘制到canvas上
        canvas.drawImage(res.path, 0, 0, res.width, res.height)
        // 获取图片数据
        canvas.getImageData(0, 0, res.width, res.height, {
          success: function(res) {
            // 将RGB数据放入数组中
            var imageData = res.data
            var pixels = []
            for (var i = 0; i < imageData.length; i += 4) {
              pixels.push([imageData[i], imageData[i + 1], imageData[i + 2]])
            }
            console.log(pixels)
          }
        })
      }
    })
  }
})

上述代码首先调用wx.chooseImage选择本地图片，然后使用wx.getImageInfo获取图片信息。接下来创建一个canvas对象，并将图片绘制到canvas上。最后调用canvas.getImageData获取图片数据，并将RGB值放入一个数组中。