ボタンをクリックして、kineticjs ステージで画像の src を変更しようとしています。
ドラッグ可能な画像 (この場合はダース ベイダー) と、その上に静止画像 (この場合はサル) があります。ボタンをクリックするだけで、ドラッグ可能な画像を新しい画像に置き換えられるようにしたい (yoda)
JSFiddle は次の場所で確認できます。
私は次のように考えました。
btn.addEventListener("click", function (event) {
mainImage.src = path+'yoda.jpg';
layer.removeChildren();
draw(mainImage,true);
draw(foregroundImage,true);
});
最初に src を更新し、次にすべてのオブジェクトを削除して、両方を正しい順序で再描画します。
何らかの理由で、ステージ上に 2 つのヨーダの画像が配置されます。