1

私は現在、Kinetic Jsとキャンバスを使用して HTML5 と Javascript プロジェクトに取り組んでいます。

行 ( Kinetic.Line) を点滅させる必要があります。

setTimeout内部に関数を含む無限ループで構成されるものを試しましたが、JavaScript を使用できません (ポイントを選択できないため、そのような欠点です!)。

誰かが私を助けることができるアイデアを持っていますか?

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

（私の下手な英語でごめんなさい）

4

1 に答える 1

2

これは、KineticJS を使用して線を点滅させる 1 つの方法です。setTimeout を使用するよりも、ステージ オブジェクトに組み込まれている KineticJS onFrame イベントを使用する方が良いと思います。次に、setAlpha を使用して線の不透明度を設定し、getAlpha を使用して線の現在の不透明度を取得できます。setAlpha('0') は線を透明にし、setAlpha('1') は線を可視にします。

ここにフィドルを設定しました： JSFiddle

実際に行をフラッシュする関連ビットは次のとおりです。

var flashTime = 0;

stage.onFrame(function(frame){
    if(frame.time > (flashTime + 250)){;
        flashTime = frame.time;
        redLine.setAlpha(redLine.getAlpha() == 1 ? '0' : '1');
        layer.draw();                                
    };                                        
});
于 2012-07-17T11:27:39.913 に答える