swan.canvasGetImageData
解释:返回一个数组,用来描述 canvas 区域隐含的像素数据。在自定义组件下,操作组件内 <canvas> 组件。
方法参数
Object object
object参数说明
success返回参数说明
示例
在开发者工具中预览效果
扫码体验
请使用百度APP扫码
图片示例
代码示例
<view class="wrap"> <canvas canvas-id="canvas"></canvas> <button type="primary" bindtap="canvasGetImageData">canvasGetImageData</button></view>
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); } }); }});
