CanvasContext.lineTo

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

# 方法参数

参数名 属性 必填 默认值 说明
x Number 目标位置的 x 坐标
y Number 目标位置的 y 坐标

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

图片

# 代码示例 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();
          }
      });