javascript - 使用 Canvas 绘制图表

Question

我使用 HTML canvas 制作了一些图表，但我想用多种颜色绘制线条，在每一点它都应该更改为新的随机颜色，

 ctx.moveTo(Ximg+46,Yimg+200);
        for(i=0;i<num;i++){
        if(js_array[i]=="900"){ctx.strokeStyle = "Grey";}
        else{ctx.lineTo(Ximg+50+i*mul,(Yimg+200)-(js_array[i]*(height/max)));}

        }

我要把灰色改为随机，但问题是它用灰色给前面的路径(线)上色，我希望每条线都有不同的颜色，这在 Javascript 中可行吗？
在 OpenGl 中有我们过去常常编写的命令，以始终获取或不获取最后给定的颜色，Javascript 中是否有类似的命令？

Answer 1

根据上下文，strokeStyle 属性可以采用 rgba、rgb 和十六进制颜色以及颜色名称。

我会建议一些类似的东西:

ctx.strokeStyle = "rgba(" + (Math.Random()*255) + "," + (Math.Random()*255) + "," + (Math.Random()*255) + ", 1)";

或者可能是一个返回颜色或分配颜色的新函数。

如果这不是您想要的，您能否为未声明的变量提供一些值，以便我们可以更彻底地测试它？