CanvasContext.setLineWidth

2020-08-26 16:40 更新

解釋:設(shè)置線條的寬度。

方法參數(shù)

Number lineWidthlineWidth 參數(shù)說明:線條的寬度(單位是 px )。

示例 

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


圖片示例

圖片

代碼示例

<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.setLineWidth(5);
        canvasContext.moveTo(50, 30);
        canvasContext.lineTo(200, 30);
        canvasContext.stroke();

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

        canvasContext.beginPath();
        canvasContext.setLineWidth(15);
        canvasContext.moveTo(90, 70);
        canvasContext.lineTo(200, 70);
        canvasContext.stroke();

        canvasContext.draw();
    }
});


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號