CanvasContext.setLineCap

解釋：設(shè)置線條的端點(diǎn)樣式。

方法參數(shù)

StringlineCaplineCap 參數(shù)說(shuō)明：有效值為 'butt' 、 'round' 、 'square' ，線條的結(jié)束端點(diǎn)樣式。

示例 

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

圖片示例

代碼示例

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

Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.beginPath();
        canvasContext.moveTo(30, 10);
        canvasContext.lineTo(200, 10);
        canvasContext.stroke();

        canvasContext.beginPath();
        canvasContext.setLineCap('butt');
        canvasContext.setLineWidth(10);
        canvasContext.moveTo(50, 30);
        canvasContext.lineTo(200, 30);
        canvasContext.stroke();

        canvasContext.beginPath();
        canvasContext.setLineCap('round');
        canvasContext.setLineWidth(10);
        canvasContext.moveTo(70, 50);
        canvasContext.lineTo(200, 50);
        canvasContext.stroke();

        canvasContext.beginPath();
        canvasContext.setLineCap('square');
        canvasContext.setLineWidth(10);
        canvasContext.moveTo(90, 70);
        canvasContext.lineTo(200, 70);
        canvasContext.stroke();

        canvasContext.draw();
    }
});