jquery - stage.toJSON() html5 および kineticJS での読み込み

Question

$("#show").click(function(){
    var stage = Kinetic.Node.create(json, 'container2');

    var ball = new Image();
    var cone = new Image();
    var tshirt = new Image();
    ball.onload = function() {
        stage.get('.ball').apply('setImage', ball);
        stage.get('.cone').apply('setImage', cone);
        stage.get('.tshirt').apply('setImage', tshirt);
        stage.draw();
    };
    ball.src = 'images/sport_soccer.png';
    cone.src = 'images/cone.png';
    tshirt.src = 'images/school_events.png';
});

表示ボタン 新しい div でステージをロードします。問題なくロードしますが、ステージに 3 つの画像がある場合、新しいステージで 3 回ロードします。

私が使うときも

ball.onload = function() {
    stage.get('.ball').apply('setImage', ball);
    stage.draw();
};

tshirt.onload = function() {
    stage.get('.tshirt').apply('setImage', tshirt);
    stage.draw();
};

cone.onload = function() {
    stage.get('.cone').apply('setImage', cone);
    stage.draw();
};

ここで同じ問題。

Answer 1

ショー イベントでクリック時にアイテムを作成しないでください。ページの読み込み時に動的オブジェクトを作成し、表示ボタンでステージなどを表示します。これにより、多くのクリックでの重複が回避されます。