swan.canvasGetImageData

解释:返回一个数组,用来描述 canvas 区域隐含的像素数据。在自定义组件下,操作组件内 <canvas> 组件。

方法参数

Object object

object参数说明

success返回参数说明

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

  1. <view class="wrap"> <canvas canvas-id="canvas"></canvas> <button type="primary" bindtap="canvasGetImageData">canvasGetImageData</button></view>
  1. Page({ onReady() { const CanvasContext = swan.createCanvasContext('canvas'); CanvasContext.setFillStyle('#0f0f0f'); CanvasContext.arc(100, 100, 50, 0, 2 * Math.PI); CanvasContext.fill(); CanvasContext.beginPath(); CanvasContext.setStrokeStyle('#0000ff'); CanvasContext.moveTo(90, 70); CanvasContext.lineTo(70, 80); CanvasContext.lineTo(90, 80); CanvasContext.closePath(); CanvasContext.stroke(); CanvasContext.beginPath(); CanvasContext.setStrokeStyle('#0000ff'); CanvasContext.moveTo(130, 70); CanvasContext.lineTo(110, 80); CanvasContext.lineTo(130, 80); CanvasContext.closePath(); CanvasContext.stroke(); CanvasContext.beginPath(); CanvasContext.setFillStyle('#00ff00'); CanvasContext.arc(100, 100, 20, 0, 1 * Math.PI); CanvasContext.fill(); CanvasContext.setFillStyle('#00ff00'); CanvasContext.setFontSize(12); CanvasContext.fillText('haha', 165, 78); CanvasContext.moveTo(100, 50); CanvasContext.setStrokeStyle('#00ff00'); CanvasContext.bezierCurveTo(100, 25, 75, 25, 50, 50); CanvasContext.stroke(); CanvasContext.moveTo(100, 50); CanvasContext.quadraticCurveTo(75, 25, 50, 50); CanvasContext.stroke(); CanvasContext.draw(); }, canvasGetImageData() { swan.canvasGetImageData({ canvasId: 'canvas', x: 0, y: 0, width: 100, height: 100, success: res => { console.log('canvasGetImageData success', res); }, fail: err => { console.log('canvasGetImageData fail', err); } }); }});

错误码

Android

iOS