レンズ ガラスを追加して、画像の特定の領域をズームしようとしています。キャンバスに多数のレイヤーがあり、レイヤーが 1 つしかない場合、プロジェクトはうまく機能します。次を使用して一時レイヤーを追加します（経験が限られているため申し訳ありません）：
var wrapper_div = document.getElementById('container1');
var kinetic_div = wrapper_div.children[0];
canvaso = kinetic_div.children[0];
canvaso.setAttribute('id', "panel");
context = canvaso.getContext('2d');
完全なプロジェクトはhttp://jsfiddle.net/user373721/DVSnk/2/にあります。テキスト レイヤーを残したデモ用です。
問題を確認するには、[レンズ ガラス] ボタンをクリックしてから画像をクリックします。レンズ ガラス効果が機能します。その後、stage.add(textlayer) にコメントしてください。レンズ グラスが機能しなくなりました。Google 開発者ツールを使用して一時レイヤーが追加されたかどうかを確認しました。
<div class="kineticjs-content" style="position: relative; display: inline-block; width: 400px; height: 400px;"><canvas width="400" height="400" id="panel" style="width: 400px; height: 400px; position: absolute;"></canvas><canvas width="400" height="400" style="width: 400px; height: 400px; position: absolute;"></canvas></div>
あなたの提案をいただければ幸いです。