微信小程序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 |
設置填充樣式 |
|
setStrokeStyle |
設置線條樣式 |
|
setShadow |
設置陰影 |
漸變
|
方法 |
說明 |
|
createLinearGradient |
創(chuàng)建一個線性漸變 |
|
createCircularGradient |
創(chuàng)建一個圓形漸變 |
|
addColorStop |
在漸變中的某一點添加一個顏色變化 |
線條樣式
|
方法 |
說明 |
|
setLineWidth |
設置線條寬度 |
|
setLineCap |
設置線條端點的樣式 |
|
setLineJoin |
設置兩線相交處的樣式 |
|
setMiterLimit |
設置最大傾斜 |
矩形
|
方法 |
說明 |
|
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 |
設置字體大小 |
|
setTextBaseline |
設置字體基準線 |
|
setTextAlign |
設置字體對齊方式 |
圖片
混合
|
方法 |
說明 |
|
setGlobalAlpha |
設置全局畫筆透明度 |
其他
|
方法 |
說明 |
|
save |
保存當前繪圖上下文 |
|
restore |
恢復之前保過的繪圖上下文 |
|
draw |
進行繪圖 |
|
getActions(不推薦使用) |
獲取當前context上存儲的繪圖動作 |
|
clearActions(不推薦使用) |
清空當前的存儲繪圖動作 |
更多
微信小程序開發(fā)教程，可以關(guān)注hi小程序。
掃碼免費領(lǐng)取運營資料包
