CanvasContext.setLineDash

2020-08-26 16:40 更新

解釋:設置線條虛線樣式的間距和長度。

方法參數(shù)

參數(shù)名屬性必填默認值說明

pattern

Array

一組描述交替繪制線段和間距(坐標空間單位)長度的數(shù)字

offset

Number

虛線偏移量

示例


圖片示例

圖片

代碼示例 1:基礎用法 

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

<canvas canvas-id="myCanvas" class="myCanvas" />
Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.setLineDash([10, 20], 5);
        canvasContext.beginPath();
        canvasContext.moveTo(0,100);
        canvasContext.lineTo(400, 100);
        canvasContext.stroke();
        canvasContext.draw();
    }
});

代碼示例 2 

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

<canvas canvas-id="myCanvas" class="myCanvas" />
Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.setLineDash([10, 20], 5);
        canvasContext.beginPath();
        canvasContext.moveTo(0,100);
        canvasContext.lineTo(400, 100);
        canvasContext.stroke();
        canvasContext.setLineDash([5, 10, 5], 5);
        canvasContext.beginPath();
        canvasContext.moveTo(0, 200);
        canvasContext.lineTo(400, 200);
        canvasContext.stroke();
        canvasContext.draw();
    }
});


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號