CanvasContext.lineTo

2020-08-26 16:38 更新

解释:lineTo 方法增加一个新点,然后创建一条从上次指定点到目标点的线。

方法参数

参数名属性必填默认值说明

x

Number

目标位置的 x 坐标

y

Number

目标位置的 y 坐标

示例


图片示例

图片

代码示例 1 

在开发者工具中打开

<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 

在开发者工具中打开

<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

    公众号
    微信公众号

    编程狮公众号