怎么使用moveto，lineto，stoke创建宽为200高度为150的画布

要使用 `moveTo`，`lineTo` 和 `stroke` 方法创建一个宽为 200，高为 150 的画布，可以按照以下步骤进行：

1. 在 HTML 中创建一个 `<canvas>` 元素，并设置其宽度和高度属性：

<canvas id="myCanvas" width="200" height="150"></canvas>

2. 使用 JavaScript 获取该元素，并获取绘图上下文：

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

3. 使用 `moveTo` 方法将笔触移动到画布的左上角：

ctx.moveTo(0, 0);

4. 使用 `lineTo` 方法绘制一条横线，从左上角到画布的右上角：

ctx.lineTo(200, 0);

5. 使用 `lineTo` 方法绘制一条竖线，从画布的右上角到右下角：

ctx.lineTo(200, 150);

6. 使用 `lineTo` 方法绘制一条横线，从画布的右下角到左下角：

ctx.lineTo(0, 150);

7. 使用 `lineTo` 方法绘制一条竖线，从画布的左下角回到左上角：

ctx.lineTo(0, 0);

8. 使用 `stroke` 方法将绘制的路径渲染到画布上：

ctx.stroke();

完整的代码如下：

<canvas id="myCanvas" width="200" height="150"></canvas>

<script>
  var canvas = document.getElementById("myCanvas");
  var ctx = canvas.getContext("2d");

  ctx.moveTo(0, 0);
  ctx.lineTo(200, 0);
  ctx.lineTo(200, 150);
  ctx.lineTo(0, 150);
  ctx.lineTo(0, 0);

  ctx.stroke();
</script>

这将在画布上创建一个宽为 200，高为 150 的矩形。