微信小程序API繪圖setMiterLimit,小程序設(shè)置最大斜接長(zhǎng)度
2017-12-22
導(dǎo)讀:繪圖接口和方法 canvasContext.setMiterLimit 定義 設(shè)置最大斜接長(zhǎng)度,斜接長(zhǎng)度指的是在兩條線交匯處內(nèi)角和外角之間的距離。 當(dāng) setLineJoin() 為 miter 時(shí)才有效。超過(guò)最大傾斜長(zhǎng)度的,連接處...
canvasContext.setMiterLimit
定義
設(shè)置最大斜接長(zhǎng)度,斜接長(zhǎng)度指的是在兩條線交匯處內(nèi)角和外角之間的距離。 當(dāng)setLineJoin()
為 miter 時(shí)才有效。超過(guò)最大傾斜長(zhǎng)度的,連接處將以 lineJoin 為 bevel 來(lái)顯示
參數(shù)
參數(shù) | 類型 | 說(shuō)明 |
---|---|---|
miterLimit | Number | 最大斜接長(zhǎng)度 |
例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(1)
ctx.moveTo(10, 10)
ctx.lineTo(100, 50)
ctx.lineTo(10, 90)
ctx.stroke()
ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(2)
ctx.moveTo(50, 10)
ctx.lineTo(140, 50)
ctx.lineTo(50, 90)
ctx.stroke()
ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(3)
ctx.moveTo(90, 10)
ctx.lineTo(180, 50)
ctx.lineTo(90, 90)
ctx.stroke()
ctx.beginPath()
ctx.setLineWidth(10)
ctx.setLineJoin('miter')
ctx.setMiterLimit(4)
ctx.moveTo(130, 10)
ctx.lineTo(220, 50)
ctx.lineTo(130, 90)
ctx.stroke()
ctx.draw()
更多微信小程序開(kāi)發(fā)教程,可以關(guān)注hi小程序。
第二部分:如何開(kāi)通一個(gè)小商店