wx.createCanvasContext(canvasID)
指定canvasID, 創(chuàng)建canvas繪圖的上下文
setFillStyle {#setfillstyle}
設(shè)置填充色
setStrokeStyle
設(shè)置邊框顏色
setShadow
設(shè)置陰影
offsetX | 陰影相對于形狀在水平方向的偏移 |
---|---|
offsetY | 陰影相對于形狀在豎直方向的偏移 |
blur | 陰影的模糊級別(取值范圍0-100) |
color | 陰影的顏色 |
createLinearCradient
創(chuàng)建一個線性的漸變顏色
使用addColorStop(),指定漸變點纺且,至少需要兩個漸變點
x0, y0, x1, y1分別代表起點的坐標剖煌, 終點的坐標
createCircularGradient
創(chuàng)建一個圓形的漸變顏色
起點在圓心吸申,終點在圓環(huán)
需要使用addColorStop(),來指定漸變點,至少需要兩個漸變點
x, y, r,分別代表圓心的坐標悯森,圓的半徑
addColorStop
創(chuàng)建一個顏色的漸變點
小于最小stop的部分會按照最小的stop的顏色來渲染,同樣,大于最大stop的部分會按照最大stop的color來渲染
stop表示漸變點在起點和終點中的位置诚纸,取值范圍是0-1
color表示漸變點的顏色
setLineWidth
設(shè)置線條的寬度
lineWidth 線條的寬度窜觉,單位是px
setLineCap
設(shè)置線條的端點樣式
lineCap 線條的結(jié)束端點樣式,取值范圍是butt, round, square
setLineJoin
設(shè)置線條的交點樣式
lineJoin 線條的結(jié)束的交點樣式 谷炸,取值范圍是 bevel, round, miter
setMiterLImit
設(shè)置最大斜接長度, 指的是在兩條線交匯處內(nèi)角和外角之間的距離
當setLineJoin()為miter時候禀挫,才有效
超過最大傾斜長度時候淑廊,連接處將以lineJoin為bevel來顯示
rect
創(chuàng)建一個矩形
需要使用fill(), stroke()方法將矩形真正的畫到canvas中
x, y, width, height分別表示矩形的左上角坐標, 矩形的寬度特咆,高度
fillRect
填充一個矩形季惩,參數(shù)同rect
strokeRect
畫一個矩形(非填充)參數(shù)同: rect
clearRect
清除畫布上該矩形區(qū)域內(nèi)的內(nèi)容,參數(shù)同rect
fill
對當前路徑中的內(nèi)容進行填充腻格,
如果當前路徑?jīng)]有閉合画拾,fil()方法會將起點和終點進行連接,然后填充
fill()填充的路徑是從beginPath()開始計算菜职,但是不會將fillRect()包含進去
stroke
畫出當前路徑的邊框
storke() 描繪的路徑是從beginPath()開始計算青抛,但是不會將fillRect()包含進去
beginPath
開始創(chuàng)建一個路徑,需要調(diào)用fill或者stroke才會使用路徑進行填充或者描邊
在最開始的時候相當于調(diào)用了一次 beginPath()
同一個路徑中多次setFillStyle() , setStrokeStyle(), setLineWidth()等設(shè)置酬核,以最后一次設(shè)置為準
closePath
關(guān)閉一個路徑
關(guān)閉路徑會連接起點和終點
如果關(guān)閉路徑后沒有調(diào)用fill() ,stroke()并開啟新的路徑蜜另, 之前的路徑不會被渲染
moveTo
把路徑移動到畫布中的指定點,不創(chuàng)建線條
x, y表示目標位置的x坐標嫡意,y坐標
lineTo
lineTo方法增加一個新點举瑰, 然后創(chuàng)建 一條從上次指定點到目標點的線
arc
畫一條弧線
創(chuàng)建一個圓可以用arc()方法指定起始弧度 為0, 終止弧度為 2*Math.PI
x, y, r 表示圓心的坐標蔬螟, r表示圓的半徑
sAngle 表示起始弧度此迅, eAngle表示終止弧度
counterclockwise 表示指定的弧度方向是逆時針還是順時針
bezierCurveTo
創(chuàng)建三次方貝塞爾曲線路徑
曲線的起始點為路徑中前一個點
cp1x, cp1y, cp2x, cp2y表示第一個,第二個貝塞爾控制點的坐標
x, y表示結(jié)束點的坐標
quadraticCurveTo
定義二次貝塞爾曲線路徑
曲線的起始點為路徑中前一個點
cpx, cpy, x, y分別表示貝塞爾控制點的坐標, 結(jié)束點的坐標
scale
調(diào)用scale方法耸序,創(chuàng)建的路徑坐標會被縮放
調(diào)用scale方法后忍些, 之后創(chuàng)建的路徑的坐標也會被縮放
scaleWidth, scaleHeight橫縱坐標縮放的倍數(shù)
rotate
以原點為中心, 順時針旋轉(zhuǎn)當前坐標軸
多次調(diào)用rotate坎怪, 旋轉(zhuǎn)的角度會疊加
原點可以使用translate方法修改
rotate 旋轉(zhuǎn)角度罢坝,角度使用弧度計數(shù)(degrees * Math.PI/180 , degrees范圍是0~360)
translate
對當前坐標系的原點(0,0)進行變換, 默認的坐標系原點為頁面左上角
x,y表示水平坐標平移量搅窿, 豎直坐標平移量
setFonSize
設(shè)置字體的字號
fontSize表示字體的字號
fillText
在畫布上繪制被填充的文本
text表示在畫布上輸出的文本嘁酿,
x, y表示繪制文本的左上角x的坐標位置
drawImage
繪制圖像,圖像保持原始尺寸
imageResource 表示繪制的圖片資源
x, y, width, height表示圖像左上角坐標戈钢, 圖像寬度和圖像高度
setGlobalAlpha
設(shè)置全局畫筆透明度
alpha 透明度痹仙,數(shù)值為0~1
save
保存當前的繪圖上下文
restore
恢復(fù)之前保存的繪圖上下文
draw
將之前在繪圖上下文中的描述(路徑,變形殉了,樣式)畫到canvas中
繪圖上下文需要由wx.createCanvasContext(canvasID)來創(chuàng)建
reserve开仰, 表示是否接著上一次繪制,選值為true, false