Javascript 如果:不透明度为50%或更低,请绘制圆形

Javascript 如果:不透明度为50%或更低,请绘制圆形,javascript,if-statement,draw,opacity,geometry,Javascript,If Statement,Draw,Opacity,Geometry,对于我的一个类,我们需要创建一个 if (...){ then draw something! } 声明。然而,我对JavaScrip非常陌生,每当我尝试创建if语句时,我都没有多少成功 我想做的是,如果不透明度为50%(我可能会在以后更改此值)或更低,则只显示一个圆(通过使用画布)。我有它,所以颜色和不透明度是随机的。我确实有其他形状与此设计,然而,只是为了这个目的,我已经排除了他们从下面的例子和JSFIDLE 以下是我目前掌握的情况: var-draw\u可选=true; 如果(ran_颜

对于我的一个类,我们需要创建一个

if (...){
then draw something!
}
声明。然而,我对JavaScrip非常陌生,每当我尝试创建if语句时,我都没有多少成功

我想做的是,如果不透明度为50%(我可能会在以后更改此值)或更低,则只显示一个圆(通过使用画布)。我有它,所以颜色和不透明度是随机的。我确实有其他形状与此设计,然而,只是为了这个目的,我已经排除了他们从下面的例子和JSFIDLE

以下是我目前掌握的情况:

var-draw\u可选=true;
如果(ran_颜色<“(0.5)”){
draw_optional=true;
stroke();
}
我在想我做错什么了吗?如果单击JSFIDLE链接,您可以看到我的完整代码


提前谢谢

ran\u colors
看起来像这样:
rgba(29251218,0.5617056215822)

你认为,
“rgba(29251218,0.5617056215822)”比
“(0.5)”小多少?是的,你说不出来(我希望如此)。您需要获取alpha值字符串,或者预先计算alpha值并将其存储在自己的变量中。第二种方法要好得多,下面是它的实现方式:

在将rgba颜色指定给
ran_colors
之前,请添加以下行:

var alpha = Math.random();
ran\u colors
赋值中,用alpha变量替换最后一次随机调用

var ran_colours =
"rgba(" 
+ Math.floor(Math.random() * 256) + "," 
+ Math.floor(Math.random() * 256) + "," 
+ Math.floor(Math.random() * 256) + "," 
+ alpha + ")";
由于alpha只是一个数字,因此您可以轻松编写if语句:

if (alpha < 0.5){
  draw_optional = true;
  context.stroke();
}
if(α<0.5){
draw_optional=true;
stroke();
}

您是否在其中放置了断点或警报语句,以查看在进行比较时运行的颜色是什么样子?它起作用了!!!我设置了一个alpha随机值,然后添加了alpha条件,我还必须移动所有的圆圈代码,使其位于“if”语句中!但是非常感谢你!!!
if (alpha < 0.5){
  draw_optional = true;
  context.stroke();
}