2017-07-03 3 views
0

少し問題があります。私はeaselJSを使ってキャンバスにいくつかの図形を作成します。EaselJS、コンテナにドラッグ&ドロップしますが、子コンテナにクリックしてください

私は、それがテキストで円の形をしているコンテナクラスを作成しています。このクラスはコンテナのクリック機能を含みます。

私は矩形と他のテキストで他のコンテナクラスを作成しました。

このコンテナにドラッグ&ドロップを有効にしてキャンバスに移動します。それはうまく動作しますが、このコンテナの子としてコンテナ(円の形)を追加すると、クリック機能は長方形のコンテナによって呼び出されます。 私はこのような作品を知っています。私はマウスチャイルドをfalseに設定しているからです。

このプロパティを変更すると、親コンテナを移動すると、そのコンテナ内のすべての子が移動しません。

クリック機能の親を、サークルコンテナのクリック機能にリダイレクトしたいと考えています。

実際には、移動可能なシェイプを作成する必要があります。他のシェイプをクリック可能にするだけです。あなたは私のコードが必要な場合は、あなたの助けのための

THXは、私はここにこれを置くことができ

+0

これは意味をなさない。コンテナを移動させずにコンテナを移動することはできません。これは文字通りコンテナのことです...コンテナの内容を移動しているのでしょうか(バックグラウンド?)、それはコンテナそのものと思われますか?コードやデモを投稿できますか? – Lanny

答えて

0

あなたはEaselJSバブルのイベント以来、コンテナのpressmove、と子どもにマウスイベントをリッスンすることができます。 http://jsfiddle.net/8L9wye4n/1/

// Listen for children events: 
s.on("click", function(event) { event.target.scaleX = event.target.scaleY = event.target.scaleX+0.1 }); 

// Listen for container drag/drop 
c.on("pressmove", function(event) { 
    c.x = stage.mouseX; 
    c.y = stage.mouseY; 
}); 

希望に役立ちます:ここで

はサンプルです。

関連する問題