我使用 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 中是否有类似的命令?
最佳答案
根据上下文,strokeStyle 属性可以采用 rgba、rgb 和十六进制颜色以及颜色名称。
我会建议一些类似的东西:
ctx.strokeStyle = "rgba(" + (Math.Random()*255) + "," + (Math.Random()*255) + "," + (Math.Random()*255) + ", 1)";
或者可能是一个返回颜色或分配颜色的新函数。
如果这不是您想要的,您能否为未声明的变量提供一些值,以便我们可以更彻底地测试它?
关于javascript - 使用 Canvas 绘制图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5847558/