CanvasContext.setMiterLimit

簡(jiǎn)介

CanvasContext.setMiterLimit 用于設(shè)置最大斜接長(zhǎng)度，斜接長(zhǎng)度指的是在兩條線交匯處內(nèi)角和外角之間的距離。 僅當(dāng) setLineJoin() 為 miter 時(shí)有效。超過最大傾斜長(zhǎng)度的，連接處將以 lineJoin 為 bevel 顯示。

掃碼體驗(yàn)

效果示例

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')
ctx.beginPath()
ctx.setLineWidth(15)
ctx.setLineJoin('miter')
ctx.setMiterLimit(1)
ctx.moveTo(10, 10)
ctx.lineTo(100, 50)
ctx.lineTo(10, 90)
ctx.stroke()


ctx.beginPath()
ctx.setLineWidth(15)
ctx.setLineJoin('miter')
ctx.setMiterLimit(2)
ctx.moveTo(50, 10)
ctx.lineTo(140, 50)
ctx.lineTo(50, 90)
ctx.stroke()


ctx.beginPath()
ctx.setLineWidth(15)
ctx.setLineJoin('miter')
ctx.setMiterLimit(3)
ctx.moveTo(90, 10)
ctx.lineTo(180, 50)
ctx.lineTo(90, 90)
ctx.stroke()


ctx.draw()

顯示效果如下圖所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
miterLimit	Number	最大斜接長(zhǎng)度。