<abbr id="mm2wu"></abbr>

閱讀(71.5k) 書簽贊(0) 我要糾錯

微信小程序API 繪圖

2020-07-24 11:37 更新

API 接口

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

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

變形

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

文字

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

圖片

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

混合

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

其他

方法	說明
save	保存當(dāng)前繪圖上下文
restore	恢復(fù)之前保過的繪圖上下文
draw	進行繪圖
getActions(不推薦使用)	獲取當(dāng)前`context`上存儲的繪圖動作
clearActions(不推薦使用)	清空當(dāng)前的存儲繪圖動作

以上內(nèi)容是否對您有幫助：

← 微信小程序API 位置

微信小程序API 繪圖介紹（如何在Canvas上畫圖） →

寫筆記

我要補充

<button id="omecy"><optgroup id="omecy"></optgroup></button>

<input id="omecy"></input>