2017-01-20 1 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)"보다 작습니까? 맞습니다, 당신은 말할 수 없습니다 (나는 희망합니다). 알파 값 문자열을 가져 오거나 알파 값을 미리 계산하여 자체 변수에 저장해야합니다. 두 번째 방법은, 그래서 여기에 훨씬 좋네요 그것을 어떻게하는지입니다 :의 ran_colours 할당에서

var alpha = Math.random(); 

와 마지막 임의 전화를 대체 : 당신이 ran_colours에 RGBA 색상을 지정하기 전에

이이 줄을 추가 알파 - 알파 변수는 단지 숫자이기 때문에, 쉽게 경우 문 쓸 수

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

문제는 없습니다. 언제든 환영합니다. –

관련 문제