Canvas 用多条横线填充封闭路径区域

要在Canvas中使用多条横线填充封闭路径区域，您可以按照以下步骤进行操作：

1. 首先，使用Canvas的beginPath()方法开始新的路径。
2. 使用moveTo()方法将路径的起点移动到所需位置。
3. 使用lineTo()方法绘制一条水平线，从起点到所需的水平结束点。
4. 重复步骤3，使用不同的起点和结束点绘制多条水平线，以填充整个封闭路径区域。
5. 使用closePath()方法将路径封闭。
6. 最后，使用fill()方法填充路径区域。

下面是一个示例代码，展示了如何使用多条横线填充封闭路径区域：

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

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(250, 50);

ctx.moveTo(50, 100);
ctx.lineTo(250, 100);

ctx.moveTo(50, 150);
ctx.lineTo(250, 150);

ctx.closePath();
ctx.fill();

在上述示例中，我们使用了moveTo()和lineTo()方法绘制了3条水平线，分别从(50, 50)到(250, 50)，(50, 100)到(250, 100)，以及(50, 150)到(250, 150)。然后，使用closePath()方法将路径封闭，并使用fill()方法填充路径区域。

请注意，您可以根据需要调整起点、结束点和水平线的数量和位置，以满足您的具体要求