Javascript 使用js-fillstyle的图形仅适用于十六进制值
我只能在指定十六进制颜色值时使fillstyle工作。 当我尝试其他方式使用fillstyle时,我得到的只是一个黑框。 我需要将RGB值作为变量传递。 希望有人能告诉我我错过了什么 这里有一个剪报: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=
画布:
您的浏览器不支持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画布标记。
画
结尾