微信小程序-canvas畫布

 

 

var context = wx.createCanvasContext('Canvas-id')
setStrokeStyle()　　//表示畫布的內容的邊線顏色
setLineWidth()　　//表示邊線線寬
rect()　　//按照 左上右下 的順序寫入參數
// 因為 canvas 的坐標軸是向下的，操作順序是 

- 按照left值在x軸處做垂直線

- 按照top值在y軸處做垂直線

- 按照right值在x軸處座垂直線

- 按照bottom值在y軸處做垂直線

- 四條垂直線相交區域就是得到的內容

- 少任何一個參數都會告訴你“TypeError: Failed to execute 'rect' on 'CanvasRenderingContext2D': 4 arguments required, but only 3 present.”

moveTo(x,y) // 操作類似“把手放到圖版的這個位置（x,y）”
lineTo(x,y) // 操作類似“從剛剛移動到的位置(moveTo)預想畫到這里(x,y)”
stroke() //方法會實際地繪制出通過 moveTo() 和 lineTo() 方法定義的路徑
arc() // 參數分別表示 圓心x軸坐標、圓心y軸坐標、半徑、從哪里開始畫、畫到什么地方、順時針or逆時針畫
draw() // 理直氣壯不知道