javascript画布中的绘图无法正常工作

我是javascript新手。我只想在每一帧生成一些随机点，然后用它们画一张图。但是程序在绘图之前不会清除画布。所以程序只是不断添加新的像素。最后，我想根据货币的价值（欧元、美元……）绘制图表。 这是一张一次生成图形的图片： 下面是我每帧生成图形时的一张图片：

让canvas=document.getElementById（“myCanvas”）；
让context=canvas.getContext（“2d”）；
函数循环（）
{
clearRect（0，0，canvas.width，canvas.height）；
让增长=20；
点[0]=0；
对于（i=1；i，您应添加：

values = [1, 2, 3, 4, 5];
points = [];

就在for循环之前，以便工作



let canvas=document.getElementById（“myCanvas”）；
让context=canvas.getContext（“2d”）；
函数循环（）
{
clearRect（0，0，canvas.width，canvas.height）；
让增长=20；
对于（i=1；i

您应该在
context.clearRect（0，0，canvas.width，canvas.height）；
之后调用
context.beginPath（）；
，如本答案所述：


values = [1, 2, 3, 4, 5];
points = [];