新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序API繪圖setLineCap(設(shè)置線條端點(diǎn)樣式)
繪圖接口和方法

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)服務(wù)商,為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站建設(shè)服務(wù),網(wǎng)站設(shè)計(jì),網(wǎng)站托管運(yùn)營等一站式綜合服務(wù)型公司,專業(yè)打造企業(yè)形象網(wǎng)站,讓您在眾多競爭對手中脫穎而出創(chuàng)新互聯(lián)。
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()
繪圖接口和方法
當(dāng)前名稱:創(chuàng)新互聯(lián)小程序教程:微信小程序API繪圖setLineCap(設(shè)置線條端點(diǎn)樣式)
標(biāo)題網(wǎng)址:http://www.dlmjj.cn/article/cogcsih.html


咨詢
建站咨詢
