小程序中canvas的drawImage方法參數使用詳解

const ctx = wx.createCanvasContext('myCanvas')

wx.chooseImage({
 success: function(res){
 ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100)
 ctx.draw()
 }
})

這個方法跟原生canvas的一樣，具體如下

HTML5中引入新的元素canvas，其drawImage 方法允許在 canvas 中插入其他圖像( img 和 canvas 元素) 。drawImage函數有三種函數原型：

第一個參數image是所要繪制的圖片資源

作為參數。dx和dy是image在canvas中定位的坐標值；dw和dh是image在canvas中即將繪制區(qū)域（相對dx和dy坐標的偏移量）的寬度和高度值；sx和sy是image所要繪制的起始位置，sw和sh是image所要繪制區(qū)域（相對image的sx和sy坐標的偏移量）的寬度和高度值。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com