微信小程序API繪圖setLineCap,微信小程序設(shè)置線條端點(diǎn)樣式
2017-12-22
導(dǎo)讀:繪圖接口和方法 canvasContext.setLineCap 定義 設(shè)置線條的端點(diǎn)樣式。 參數(shù) 參數(shù) 類型 范圍 說明 lineCap String 'butt'、'round'、'square' 線條的結(jié)束端點(diǎn)樣式 示例代碼: const ctx = wx.createCanvasContex...
canvasContext.setLineCap
定義
設(shè)置線條的端點(diǎn)樣式。
參數(shù)
參數(shù) | 類型 | 范圍 | 說明 |
---|---|---|---|
lineCap | String | 'butt'、'round'、'square' | 線條的結(jié)束端點(diǎn)樣式 |
示例代碼:
const ctx = wx.createCanvasContext('myCanvas')
ctx.beginPath()
ctx.moveTo(10, 10)
ctx.lineTo(150, 10)
ctx.stroke()
ctx.beginPath()
ctx.setLineCap('butt')
ctx.setLineWidth(10)
ctx.moveTo(10, 30)
ctx.lineTo(150, 30)
ctx.stroke()
ctx.beginPath()
ctx.setLineCap('round')
ctx.setLineWidth(10)
ctx.moveTo(10, 50)
ctx.lineTo(150, 50)
ctx.stroke()
ctx.beginPath()
ctx.setLineCap('square')
ctx.setLineWidth(10)
ctx.moveTo(10, 70)
ctx.lineTo(150, 70)
ctx.stroke()
ctx.draw()
更多微信小程序開發(fā)教程,可以關(guān)注hi小程序。
第二部分:如何開通一個小商店