导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

HTML canvas moveTo() 方法


实例

开始一个路径,移动到位置 0, 0。创建一条线到位置 300, 150

您的浏览器不支持 HTML5 canvas 标签。

JavaScript

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);

ctx.stroke();
亲自试一试 »

描述

moveTo() 方法可以将路径移动到指定点,而不绘制线条。

另请参阅

beginPath() 方法 (开始一个新路径)

closePath() 方法 (关闭当前路径)

lineTo() 方法 (向路径添加一条线)

fill() 方法 (填充当前路径)

stroke() 方法 (绘制当前路径)


语法

context.moveTo(x, y)

参数值

参数 描述 试一试
x 移动到的 x 坐标 试一试 »
y 移动到的 y 坐标 试一试 »

返回值


浏览器支持

<canvas> 元素是 HTML5 标准(2014)。

moveTo() 在所有现代浏览器中都受支持。

           
Chrome Edge Firefox Safari Opera IE
9-11

Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。