javascript - 画像をフレームの外にドラッグすると、kineticjs ステージから削除されます

Question

誰かがキャンバスフレームから画像をドラッグしてキャンバスから画像を削除するシンプルでクリーンな方法のjsfiddleを教えてください。

これが私が思いつくことができるものですhttp://jsfiddle.net/n4w44/50/：

ステージを 400px にし、フレームを 200px x 200px の寸法で中央に配置するには、dragBoundFunc.

  var image = new Kinetic.Image({
       draggable : true,
        x: 175,
        y:175,
        width: 50,
        height: 50,
        draggable: true,
         dragBoundFunc: function(pos) {
            var stage_width = stage.getWidth();
            if (pos.x > 300 || pos.x < 100 || pos.y > 300 || pos.y < 100)
            {
              this.hide();
            }
            return {
              x: pos.x,
              y: pos.y
            };
          }
    });

しかし、次のような代替ソリューションがあればうれしいです。

• 画像が出るほどきれいに見えるようにする
• コンテナの醜いオフセットを行う必要がないようにしてください (これは、ページに埋め込むときに行う必要があります)。