小程序獲取 canvas 區域隱含的像素數據wx.canvasGetImageData
wx.canvasGetImageData(Object object, Object this)
獲取 canvas 區域隱含的像素數據。
參數
Object object
屬性 類型 默認值 必填 說明
canvasId string 是 畫布標識,傳入 canvas 組件的 canvas-id 屬性。
x number 是 將要被提取的圖像數據矩形區域的左上角橫坐標
y number 是 將要被提取的圖像數據矩形區域的左上角縱坐標
width number 是 將要被提取的圖像數據矩形區域的寬度
height number 是 將要被提取的圖像數據矩形區域的高度
success function 否 接口調用成功的回調函數
fail function 否 接口調用失敗的回調函數
complete function 否 接口調用結束的回調函數(調用成功、失敗都會執行)
object.success 回調函數
參數
Object res
屬性 類型 說明
width number 圖像數據矩形的寬度
height number 圖像數據矩形的高度
data Uint8ClampedArray 圖像像素點數據,一維數組,每四項表示一個像素點的 rgba
Object this
在自定義組件下,當前組件實例的this,以操作組件內 canvas 組件
示例代碼
wx.canvasGetImageData({
canvasId: 'myCanvas',
x: 0,
y: 0,
width: 100,
height: 100,
success(res) {
console.log(res.width) // 100
console.log(res.height) // 100
console.log(res.data instanceof Uint8ClampedArray) // true
console.log(res.data.length) // 100 * 100 * 4
}
})
- 小程序Canvas的使用方法
- RenderingContext Canvas.getContext(string contextType)
- 04-11 關注:0