使用Canvas绘制图形

时间:2011-05-01 09:20:48

标签: javascript html canvas

我使用HTML画布制作了一些图形但是我想用多种颜色绘制线条,在每一点它应该更改为新的随机颜色,

 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中有类似的吗?

1 个答案:

答案 0 :(得分:0)

使用上下文,strokeStyle属性可以采用rgba,rgb和十六进制颜色以及颜色名称。

我建议采取以下措施:

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

或者是一个返回颜色或指定颜色的新函数。

如果那不是你想要的,你能为未声明的变量提供一些值,以便我们可以更彻底地测试它吗?