0

ボタンをクリックして、kineticjs ステージで画像の src を変更しようとしています。

ドラッグ可能な画像 (この場合はダース ベイダー) と、その上に静止画像 (この場合はサル) があります。ボタンをクリックするだけで、ドラッグ可能な画像を新しい画像に置き換えられるようにしたい (yoda)

JSFiddle は次の場所で確認できます。

http://jsfiddle.net/SkVJu/33/

私は次のように考えました。

btn.addEventListener("click", function (event) {
    mainImage.src = path+'yoda.jpg';
    layer.removeChildren();
    draw(mainImage,true);
    draw(foregroundImage,true);

});

最初に src を更新し、次にすべてのオブジェクトを削除して、両方を正しい順序で再描画します。

何らかの理由で、ステージ上に 2 つのヨーダの画像が配置されます。

4

2 に答える 2

1

クリックすると最初に非表示になり、2 番目に表示される関数を作成するよりも、両方の画像をすぐに読み込み、それらの新しい Kinetic.Group を作成し、1 つを表示してもう 1 つを非表示に設定する方が簡単ではないでしょうか? 私の場合、ユーザーが変更できる設定パラメーターに基づいて、5つの異なるアイコン間で交換を行う必要があります...

于 2014-03-26T20:24:45.527 に答える