Html5 canvas 画布javascript清除路径

我正在测试一个小的画布编程，我有一个关于如何在绘制新路径时清除以前路径的问题

例如： 绘制一个没有笔划和笔划线的填充圆。 我有以下代码：

graphicContext.save();
graphicContext.beginPath();
graphicContext.arc(95,50,40,0,2*Math.PI);
graphicContext.fillStyle="rgb(50, 200, 200)";
graphicContext.fill();
graphicContext.restore();

graphicContext.save();
graphicContext.moveTo(0,0);
graphicContext.lineTo(200,100);
graphicContext.stroke();
graphicContext.restore();

---

但是，圆和线都是笔划的。如何在不画圆的情况下画线？

首先，不需要使用和方法

第二，在创建新路径时，在绘制线之前使用方法<代码>开始路径将重置/清除以前的路径

var graphicscontext=document.querySelector（'#canvas'）.getContext（'2d'））
//圈
graphicContext.beginPath（）；
graphicContext.arc（95,50,40,0,2*Math.PI）；
fillStyle=“rgb（50200200）”；
graphicContext.fill（）；
//线
graphicContext.beginPath（）；
graphicContext.moveTo（0,0）；
graphicscontext.lineTo（200100）；
graphicContext.stroke（）
首先，不需要使用和方法

第二，在创建新路径时，在绘制线之前使用方法<代码>开始路径

将重置/清除以前的路径

var graphicscontext=document.querySelector（'#canvas'）.getContext（'2d'））
//圈
graphicContext.beginPath（）；
graphicContext.arc（95,50,40,0,2*Math.PI）；
fillStyle=“rgb（50200200）”；
graphicContext.fill（）；
//线
graphicContext.beginPath（）；
graphicContext.moveTo（0,0）；
graphicContext.lineTo（200100）；
graphicContext.stroke（）