CanvasContext.setMiterLimit

解釋：設(shè)置最大斜接長(zhǎng)度，斜接長(zhǎng)度指的是在兩條線交匯處內(nèi)角和外角之間的距離。當(dāng) setLineJoin() 為 miter 時(shí)，該設(shè)置才有效。超過(guò)最大傾斜長(zhǎng)度的，連接處將以 lineJoin 為 bevel 來(lái)顯示。

方法參數(shù)

Number miterLimitmiterLimit 參數(shù)說(shuō)明：最大斜接長(zhǎng)度。

示例 

在開(kāi)發(fā)者工具中打開(kāi)

圖片示例

代碼示例

<canvas canvas-id="myCanvas" class="myCanvas" />

Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.beginPath();
        canvasContext.setLineWidth(10);
        canvasContext.setLineJoin('miter');
        canvasContext.setMiterLimit(1);
        canvasContext.moveTo(10, 10);
        canvasContext.lineTo(100, 50);
        canvasContext.lineTo(10, 90);
        canvasContext.stroke();

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

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

        canvasContext.beginPath();
        canvasContext.setLineWidth(10);
        canvasContext.setLineJoin('miter');
        canvasContext.setMiterLimit(4);
        canvasContext.moveTo(130, 10);
        canvasContext.lineTo(220, 50);
        canvasContext.lineTo(130, 90);
        canvasContext.stroke();

        canvasContext.draw();
    }
});