注冊

微信小程序API繪圖接口（reference）,context方法大全

2017-12-22
導讀：API 接口 方法 說明 createCanvasContext 創(chuàng)建 canvas 繪圖上下文(指定 canvasId) createContext(不推薦使用) 創(chuàng)建 canvas 繪圖上下文 drawCanvas(不推薦使用) 進行繪圖 canvasToTempFilePath 導出圖片 context 對象...

API 接口

方法 說明
createCanvasContext 創(chuàng)建 canvas 繪圖上下文(指定 canvasId)
createContext(不推薦使用) 創(chuàng)建 canvas 繪圖上下文
drawCanvas(不推薦使用) 進行繪圖
canvasToTempFilePath 導出圖片

context 對象的方法列表

顏色，樣式，陰影

方法 說明
setFillStyle 設(shè)置填充樣式
setStrokeStyle 設(shè)置線條樣式
setShadow 設(shè)置陰影

漸變

方法 說明
createLinearGradient 創(chuàng)建一個線性漸變
createCircularGradient 創(chuàng)建一個圓形漸變
addColorStop 在漸變中的某一點添加一個顏色變化

線條樣式

方法 說明
setLineWidth 設(shè)置線條寬度
setLineCap 設(shè)置線條端點的樣式
setLineJoin 設(shè)置兩線相交處的樣式
setMiterLimit 設(shè)置最大傾斜

矩形

方法 說明
rect 創(chuàng)建一個矩形
fillRect 填充一個矩形
strokeRect 畫一個矩形（不填充）
clearRect 在給定的矩形區(qū)域內(nèi)，清除畫布上的像素

路徑

方法 說明
fill 對當前路徑進行填充
stroke 對當前路徑進行描邊
beginPath 開始一個路徑
closePath 關(guān)閉一個路徑
moveTo 把路徑移動到畫布中的指定點，但不創(chuàng)建線條。
lineTo 添加一個新點，然后在畫布中創(chuàng)建從該點到最后指定點的線條。
arc 添加一個弧形路徑到當前路徑，順時針繪制。
quadraticCurveTo 創(chuàng)建二次方貝塞爾曲線
bezierCurveTo 創(chuàng)建三次方貝塞爾曲線

變形

方法 說明
scale 對橫縱坐標進行縮放
rotate 對坐標軸進行順時針旋轉(zhuǎn)
translate 對坐標原點進行縮放

文字

 

方法 說明
fillText 在畫布上繪制被填充的文本
setFontSize 設(shè)置字體大小
setTextBaseline 設(shè)置字體基準線
setTextAlign 設(shè)置字體對齊方式

 

圖片

方法 說明
drawImage 在畫布上繪制圖像

混合

方法 說明
setGlobalAlpha 設(shè)置全局畫筆透明度

其他

方法 說明
save 保存當前繪圖上下文
restore 恢復之前保過的繪圖上下文
draw 進行繪圖
getActions(不推薦使用) 獲取當前context上存儲的繪圖動作
clearActions(不推薦使用) 清空當前的存儲繪圖動作
更多微信小程序開發(fā)教程，可以關(guān)注hi小程序。
重磅推薦：小程序開店目錄

第一部分：小商店是什么

第二部分：如何開通一個小商店

第三部分：如何登錄小商店

第四部分：開店任務(wù)常見問題

第五部分：小商店可以賣什么

第六部分：HiShop小程序特色功能

第七部分：小程序直播

第八部分：小程序收貨/物流

第九部分：小程序怎么結(jié)算

第十部分：小程序客服

第十一部分：電商創(chuàng)業(yè)

第十二部分：小程序游戲開發(fā)