如果：不透明度为 50% 或更低绘制圆

Question

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

if (...){
then draw something!
}

声明。但是，我是 JavaScrip 的超级新手，每当我尝试创建 if 语句时，我都没有取得太大的成功。

我想做的只是用一个圆圈（通过使用 canvas）显示不透明度是否为 50%（我可能会在以后更改此值）或更少。我有它，所以颜色和不透明度是随机的。我确实有这种设计的其他形状，但是，出于这个目的，我将它们从下面的示例和 JSFiddle 中排除。

这是我目前的情况：JSFiddle

var draw_optional = true;

if (ran_colours < "(0.5)"){
  draw_optional = true;
  context.stroke();
}

我想知道我做错了什么吗？如果你点击 JSFiddle link 你可以看到我的完整代码！

提前致谢！

Answer 1

ran_colours 看起来像这样："rgba(29,251,218,0.5617056562158282)".

你觉得"rgba(29,251,218,0.5617056562158282)"比"(0.5)"小吗？是的，你不能说（我希望）。您需要获取 alpha 值字符串，或预先计算 alpha-value 并将其存储在其自己的变量中。第二种方法要好得多，所以这是它的完成方式：

在将 rgba-color 分配给 ran_colours 之前，添加以下行：

var alpha = Math.random();

在 ran_colours 赋值中，将最后一个 random-call 替换为 alpha-variable

var ran_colours =
"rgba(" 
+ Math.floor(Math.random() * 256) + "," 
+ Math.floor(Math.random() * 256) + "," 
+ Math.floor(Math.random() * 256) + "," 
+ alpha + ")";

由于 alpha 只是一个数字，您可以轻松地写下 if-statement:

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

如果：不透明度为 50% 或更低绘制圆

IF: Opacity is 50% or Less Draw Circle

javascript

geometry

if-statement

draw

opacity