Dokumentasi pembangunan applet WeChat
/ 微信小程序API 繪圖setLineJoin(設置線條交點樣式)
微信小程序API 繪圖setLineJoin(設置線條交點樣式)
setLineJoin
定義
設置線條的交點樣式。
參數(shù)
參數(shù) | 類型 | 范圍 | 說明 |
---|---|---|---|
lineJoin | String | 'bevel'、'round'、'miter' | 線條的結束交點樣式 |
例子
const ctx = wx.createCanvasContext('myCanvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(100, 50) ctx.lineTo(10, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('bevel') ctx.setLineWidth(10) ctx.moveTo(50, 10) ctx.lineTo(140, 50) ctx.lineTo(50, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('round') ctx.setLineWidth(10) ctx.moveTo(90, 10) ctx.lineTo(180, 50) ctx.lineTo(90, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('miter') ctx.setLineWidth(10) ctx.moveTo(130, 10) ctx.lineTo(220, 50) ctx.lineTo(130, 90) ctx.stroke() ctx.draw()