From a19d80781f779e5913771b66b928572ba4d0959c Mon Sep 17 00:00:00 2001 From: Tianyi Tao Date: Thu, 27 Jun 2024 23:12:55 +0800 Subject: [PATCH 1/3] [zh-cn]: update the translation of `CanvasRenderingContext2D.moveTo()` method --- .../canvasrenderingcontext2d/moveto/index.md | 24 ++++++++++++------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md index 75ce6d990b2091..8467e0364a9d77 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md @@ -1,16 +1,18 @@ --- -title: CanvasRenderingContext2D.moveTo() +title: CanvasRenderingContext2D：moveTo() 方法 slug: Web/API/CanvasRenderingContext2D/moveTo +l10n: + sourceCommit: 1f216a70d94c3901c5767e6108a29daa48edc070 --- {{APIRef}} -**`CanvasRenderingContext2D.moveTo()`** 是 Canvas 2D API 将一个新的子路径的起始点移动到 (x，y) 坐标的方法。 +Canvas 2D API 的 **`CanvasRenderingContext2D.moveTo()`** 方法用于将一个新的子路径的起始点移动到 `(x，y)` 坐标。 ## 语法 -``` -void ctx.moveTo(x, y); +```js-nolint +moveTo(x, y) ``` ### 参数 @@ -20,11 +22,15 @@ void ctx.moveTo(x, y); - `y` - : 点的 y 轴。 +### 返回值 + +无（{{jsxref("undefined")}}）。 + ## 示例 ### 绘制多条子路径 -这是一段使用 `moveTo` 方法的简单的代码片段，移动画笔到起始点绘制一条线。 +这个例子使用了 `moveTo()` 方法在单个路径中创建了两个子路径。然后，这两个子路径通过单个 `stroke()` 方法调用进行渲染。 ```html @@ -39,16 +45,16 @@ const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); ctx.beginPath(); -ctx.moveTo(50, 50); // Begin first sub-path +ctx.moveTo(50, 50); // 开始第一个子路径 ctx.lineTo(200, 50); -ctx.moveTo(50, 90); // Begin second sub-path +ctx.moveTo(50, 90); // 开始第二个子路径 ctx.lineTo(280, 120); ctx.stroke(); ``` #### 结果 -{{ EmbedLiveSample('绘制多条子路径-paths', 700, 180) }} +{{ EmbedLiveSample('绘制多条子路径', 700, 180) }} ## 规范 @@ -60,6 +66,6 @@ ctx.stroke(); ## 参见 -- 接口定义， {{domxref("CanvasRenderingContext2D")}} +- 定义此方法的接口：{{domxref("CanvasRenderingContext2D")}} - {{domxref("CanvasRenderingContext2D.lineTo()")}} - {{domxref("CanvasRenderingContext2D.stroke()")}} From 62455a54416d9e04bce49aea05bba8456587261d Mon Sep 17 00:00:00 2001 From: A1lo Date: Tue, 30 Jul 2024 09:43:09 +0800 Subject: [PATCH 2/3] Update files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md --- files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md index 8467e0364a9d77..f8e91719a63f1a 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md @@ -7,7 +7,7 @@ l10n: {{APIRef}} -Canvas 2D API 的 **`CanvasRenderingContext2D.moveTo()`** 方法用于将一个新的子路径的起始点移动到 `(x，y)` 坐标。 +Canvas 2D API 的 **`CanvasRenderingContext2D.moveTo()`** 方法用于在给定的 `(x，y)` 坐标处开始一个新的子路径。 ## 语法 From 3eac0dee9d99b732a28b7161fb47bf8eebe4d990 Mon Sep 17 00:00:00 2001 From: allo Date: Tue, 30 Jul 2024 09:47:06 +0800 Subject: [PATCH 3/3] minor --- .../web/api/canvasrenderingcontext2d/moveto/index.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md index f8e91719a63f1a..92e6a22a7948ca 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.md @@ -18,9 +18,9 @@ moveTo(x, y) ### 参数 - `x` - - : 点的 x 轴。 + - : 点的 x 轴（横）坐标。 - `y` - - : 点的 y 轴。 + - : 点的 y 轴（纵）坐标。 ### 返回值 @@ -30,7 +30,7 @@ moveTo(x, y) ### 绘制多条子路径 -这个例子使用了 `moveTo()` 方法在单个路径中创建了两个子路径。然后，这两个子路径通过单个 `stroke()` 方法调用进行渲染。 +此示例使用 `moveTo()` 方法在单个路径中创建了两条子路径。然后，这两条子路径通过单个 `stroke()` 方法调用进行渲染。 ```html @@ -45,9 +45,9 @@ const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); ctx.beginPath(); -ctx.moveTo(50, 50); // 开始第一个子路径 +ctx.moveTo(50, 50); // 开始第一条子路径 ctx.lineTo(200, 50); -ctx.moveTo(50, 90); // 开始第二个子路径 +ctx.moveTo(50, 90); // 开始第二条子路径 ctx.lineTo(280, 120); ctx.stroke(); ```