Javascript 使用js-fillstyle的图形仅适用于十六进制值

Javascript 使用js-fillstyle的图形仅适用于十六进制值,javascript,Javascript,我只能在指定十六进制颜色值时使fillstyle工作。 当我尝试其他方式使用fillstyle时,我得到的只是一个黑框。 我需要将RGB值作为变量传递。 希望有人能告诉我我错过了什么 这里有一个剪报: 画布: 您的浏览器不支持HTML5画布标记。 画 函数绘图(){ var c=document.getElementById(“DrawQuote”); var ctx=c.getContext(“2d”); ctx.clearRect(0,0,c.宽度,c.高度); WallColour=

我只能在指定十六进制颜色值时使fillstyle工作。 当我尝试其他方式使用fillstyle时,我得到的只是一个黑框。 我需要将RGB值作为变量传递。 希望有人能告诉我我错过了什么 这里有一个剪报:


画布:

您的浏览器不支持HTML5画布标记。

画 函数绘图(){ var c=document.getElementById(“DrawQuote”); var ctx=c.getContext(“2d”); ctx.clearRect(0,0,c.宽度,c.高度); WallColour=“ES”; 开关(墙壁颜色){ 案例“BL”:Rwall=25;Gwall=25;Bwall=25;中断; 案例“ES”:Rwall=154;Gwall=121;Bwall=78;中断; 违约: Rwall=255;Gwall=255;Bwall=255;break; } //抽屉 ctx.fillStyle=“#FF0000”//只有一个有效 //不行这是我需要的 //ctx.fillstyle=“rgb(“+Rwall+”、“+Gwall+”、“+Bwall+”); //不工作(rgb或十六进制) //var col=“rgb(44,66,77)”; //var col=“#FF0000”; //ctx.fillstyle=col; //不起作用 //ctx.fillstyle=“rgb(99,99,99)”; ctx.fillRect(0,0,150,100); } 结束


使用
fillStyle
而不是
fillStyle

函数绘图(){
var c=document.getElementById(“DrawQuote”);
var ctx=c.getContext(“2d”);
ctx.clearRect(0,0,c.宽度,c.高度);
WallColour=“ES”;
开关(墙壁颜色){
案例“BL”:Rwall=25;Gwall=25;Bwall=25;中断;
案例“ES”:Rwall=154;Gwall=121;Bwall=78;中断;
违约:
Rwall=255;Gwall=255;Bwall=255;break;
}
ctx.fillStyle=“rgb(“+Rwall+”、“+Gwall+”、“+Bwall+”);
ctx.fillRect(0,0,150,100);
}
画布:

您的浏览器不支持HTML5画布标记。

结尾