• uni.canvasGetImageData(OBJECT,this)

    uni.canvasGetImageData(OBJECT,this)

    返回一个数组，用来描述 canvas 区域隐含的像素数据，在自定义组件下，第二个参数传入自定义组件实例 this，以操作组件内 <canvas> 组件。

    OBJECT参数说明：

    参数类型必填说明
    canvasIdString是画布标识，传入 <canvas /> 的 canvas-id
    xNumber是将要被提取的图像数据矩形区域的左上角 x 坐标
    yNumber是将要被提取的图像数据矩形区域的左上角 y 坐标
    widthNumber是将要被提取的图像数据矩形区域的宽度
    heightNumber是将要被提取的图像数据矩形区域的高度
    successFunction否接口调用成功的回调函数
    failFunction否接口调用失败的回调函数
    completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

    success回调返回参数：

    参数类型说明
    errMsgString
    widthNumber图像数据矩形的宽度
    heightNumber图像数据矩形的高度
    dataUint8ClampedArray图像像素点数据，一维数组，每四项表示一个像素点的rgba

    示例代码

    1. uni.canvasGetImageData({
    2.   canvasId: 'myCanvas',
    3.   x: 0,
    4.   y: 0,
    5.   width: 100,
    6.   height: 100,
    7.   success(res) {
    8.     console.log(res.width) // 100
    9.     console.log(res.height) // 100
    10.     console.log(res.data instanceof Uint8ClampedArray) // true
    11.     console.log(res.data.length) // 100 * 100 * 4
    12.   }
    13. })

    发现错误？想参与编辑？在 GitHub 上编辑此页面！