我在Javascript中遇到了一些关于closePath（）的问题

Question

我必须在中间拉一条水平红线和一条垂直绿线。我可以为每个单独分开，但是两条线都是绿色的。谁能告诉我为什么？

var c= document.getElementById('myCanvas').getContext('2d');

//c.fillRect(20,10,250,175);//

var cw= 450;
var ch= 300;

c.moveTo(0,(ch/2));
c.lineTo(450,(ch/2));
c.strokeStyle= '#db0000';
c.stroke();



c.moveTo((cw/2),0);
c.lineTo((cw/2),cw);
c.closePath();
c.strokeStyle= '#3ac214';
c.stroke();

Answer 1

您应该使用myTopViews方法才能获得正确的颜色。 beginPath()方法开始路径，或重置当前路径。

以下是有效的演示： https://jsfiddle.net/f0khrmer/

在此处查看更新的代码：

beginPath()

希望这有帮助！