캔버스 내부 선이 깜박임

Question

현재 Kinetic Js 및 캔버스를 사용하는 HTML5 및 자바 스크립트 프로젝트 작업 중입니다.

깜박이려면 내 줄 (Kinetic.Line)이 필요합니다.

setTimeout 함수가 포함 된 무한 루프로 구성된 것을 시도했지만 javascript를 사용할 수 없습니다 (포인트를 선택할 수 없기 때문에 이러한 단점이 있습니다!).

누군가 나를 도울 수있는 아이디어가 있습니까?

while (1) { 
setTimeout("stage.load(myjson[0])", 1000); 
setTimeout("stage.load(myjson[1])", 1000); 
} 

(불쌍한 내 영어 죄송합니다)

Answer 1

여기 KineticJS를 사용하여 라인 깜박임을 만드는 하나의 방법입니다. setTimeout을 사용하는 대신 스테이지 객체에 내장 된 KineticJS onFrame 이벤트를 사용하는 것이 더 좋습니다. 그런 다음 setAlpha를 사용하여 선의 불투명도를 설정하고 getAlpha를 사용하여 선의 현재 불투명도를 가져올 수 있습니다. setAlpha ('0')는 라인을 투명하게 만들 것이고, setAlpha ('1')은 라인을 보이게 할 것이다. 여기 바이올린 설정 한

:

이

var flashTime = 0; 

stage.onFrame(function(frame){ 
    if(frame.time > (flashTime + 250)){; 
     flashTime = frame.time; 
     redLine.setAlpha(redLine.getAlpha() == 1 ? '0' : '1'); 
     layer.draw();         
    };           
});