2017-01-20 4 views
0

を描く、我々は場合:不透明度が50%以下である私のクラスのいずれかのサークル

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

文を作成する必要があります。しかし、私はJavaScripには新しく、if文を作成しようとすると大成功はしません。

私がしようとしているのは、不透明度が50%(後でこの値を変更するかもしれません)以下であることを示すだけです(キャンバスを使用して)。色と不透明度がランダムになるように、私はそれを持っています。私はこのデザインで他の形をしていますが、この目的のために、私は以下の例とJSFiddleから除外しました。 JSFiddle

var draw_optional = true; 

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

私が思っていた私は何か間違ったことをやっている:ここで

は、私がこれまで持っている何ですか? JSFiddleリンクをクリックすると、私のフルコードを見ることができます!

ありがとうございます!

+0

ブレークポイントまたは警告ステートメントをそこに配置して、比較を行っているときにran_coloursの外観を確認しましたか? – Learning2Code

答えて

0

ran_coloursは、"rgba(29,251,218,0.5617056562158282)"のようになります。

"rgba(29,251,218,0.5617056562158282)"は、"(0.5)"より小さいとは思いますか?そうですね、私は願っていません。アルファ値の文字列を取得するか、アルファ値を事前に計算してそれを独自の変数に格納する必要があります。第2のアプローチはので、ここでは、非常に良くあるどのように行うのです:

あなたは、ran_coloursにRGBA色を割り当てて、この行を追加する前に:ran_colours割り当てで

var alpha = Math.random(); 

を、と最後のランダムなコールを置き換えますアルファ可変アルファがちょうど数であるので、簡単にあなたのif文書くことができ

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

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

それは働いた!アルファランダム値を設定してアルファ条件を追加し、すべてのサークルコードを "if"ステートメントに移さなければなりませんでした!しかし、本当にありがとう! –

+0

問題ありません –

関連する問題