javascript - 使用 Canvas 绘制图表

标签 javascript html canvas

我使用 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/

相关文章:

javascript - 三.js CanvasRender问题 : faces flicker in and out

javascript - 在 HTML5 Canvas 中滚动(不移动图像)图像

javascript - 不同索引的多个文件上传问题

php - 如何链接 HTML 下拉列表

html - 将不同的 css 样式应用于两个具有相同类名的相同 h4 标签

html - 在 div 的顶部和底部添加空间

javascript - 在没有服务器端编码的情况下将动态 URL 字段传递到 iframe

javascript - css 导致 Angularjs 动态 div 结果卡住

php - 如何从动态创建的字段和变量中创建多维数组

python - 如何用另一个函数停止一个函数? (在 python 中)