CanvasContext.drawImage

使用順序：drawImage(imageResource, dx, dy, dWidth, dHeight, sx, sy, sWidth, sHeight)

解釋：繪制圖像到畫布。

方法參數(shù)

示例

圖片示例

代碼示例 1 

在開發(fā)者工具中打開

<canvas canvas-id="myCanvas" class="myCanvas" />

Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.drawImage('https://b.bdstatic.com/searchbox/icms/searchbox/img/api_logo.png', 0, 0, 150, 100);
        canvasContext.draw();
    }
});

代碼示例 2：把用戶正方形圖片繪制成圓形 

在開發(fā)者工具中打開

Page({
    onLoad() {
        const context = swan.createCanvasContext('myCanvas')
        context.beginPath(); 
        context.arc(110, 60, 30, 0, 2 * Math.PI);
        context.clip();
        context.drawImage('/image/faceDetect.png', 80,30,60,60); // 推進(jìn)去圖片，這里注意頭像坐標(biāo)要在圓形區(qū)域內(nèi)
        context.draw();
    }
})