创新互联百度小程序教程:swan.canvasPutImageData

  • swan.canvasPutImageData
    • 方法参数
      • object 参数说明
    • 示例
      • 图片示例
      • 代码示例
    • 错误码
      • Android
      • iOS

    swan.canvasPutImageData

    解释:将像素数据绘制到画布的方法。在自定义组件下,第二个参数传入自定义组件实例 this ,以操作组件内 组件。

    创新互联建站-专业网站定制、快速模板网站建设、高性价比蒙山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式蒙山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖蒙山地区。费用合理售后完善,10年实体公司更值得信赖。

    Web 态说明:由于 Web 态遵循浏览器对 W3C 标准的实现程度,在 W3C 规范中, putImageData 方法的入参中的 width 、 height 、 data 需要遵循 data.length === 4 * width * height的关系,否则会进入 fail 回调。但是在百度 APP 内的小程序环境下,客户端不会校验 data 的大小。为了避免 Web 态运行异常,请尽量保证入参符合标准。

    (如果您是如代码示例所示的用法,通过 canvasGetImageData 获取 data 并传入 putImageData ,则只需要保证 width 和 height 与 canvasGetImageData 中的 width 和 height 一致即可。)

    方法参数

    Object object

    object 参数说明

    属性名 类型 必填 默认值 说明 Web 态说明

    canvasId

    String

    画布标识,传入 组件的 canvas-id 属性

    x

    Number

    将要被提取的图像数据矩形区域的左上角横坐标

    y

    Number

    将要被提取的图像数据矩形区域的左上角纵坐标

    width

    Number

    将要被提取的图像数据矩形区域的宽度

    height

    Number

    将要被提取的图像数据矩形区域的高度

    data

    Uint8ClampedArray

    图像像素点数据,一维数组,每四项表示一个像素点的 rgba

    数组长度必须为 4 width height

    success

    Function

    接口调用成功的回调函数

    fail

    Function

    接口调用失败的回调函数

    complete

    Function

    接口调用结束的回调函数(调用成功、失败都会执行)

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    图片示例

    代码示例

    • SWAN
    • JS
    • CSS
     
     
     

    错误码

    Android

    错误码 说明

    201

    解析失败,请检查调起协议是否合法

    1001

    执行失败

    iOS

    错误码 说明

    202

    解析失败,请检查参数是否正确

    分享标题:创新互联百度小程序教程:swan.canvasPutImageData
    当前路径:http://www.shufengxianlan.com/qtweb/news21/276021.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联