CanvasContext.lineTo

2020-08-26 16:38 更新

解釋:lineTo 方法增加一個新點,然后創(chuàng)建一條從上次指定點到目標點的線。

方法參數(shù)

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

x

Number

目標位置的 x 坐標

y

Number

目標位置的 y 坐標

示例


圖片示例

圖片

代碼示例 1 

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

<canvas canvas-id="myCanvas" class="myCanvas" />
Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.moveTo(10, 10);
        canvasContext.rect(10, 10, 100, 50);
        canvasContext.lineTo(110, 60);
        canvasContext.stroke();
        canvasContext.draw();
    }
});

代碼示例 2 

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

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

Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.moveTo(20, 20);
        canvasContext.lineTo(20, 100);
        canvasContext.lineTo(70, 100);
        canvasContext.stroke();
        canvasContext.draw();
    }
});


    以上內容是否對您有幫助:
    在線筆記
    App下載
    App下載

    掃描二維碼

    下載編程獅App

    公眾號
    微信公眾號

    編程獅公眾號