image - KineticJS シェイプ オーバー イメージ

Question

画像の上にいくつかの図形を描きたい。

画像が読み込まれてレイヤーに追加された後、moveToBottom() 関数を使用します。これは図形に対しては機能しますが、画像に対しては機能しないようです。

シェイプで moveToTop() を使用しようとしましたが、まだ運がありません。

重要な注意：それらを同じレイヤーに保持する必要があるため、画像を別のレイヤーに配置するという明らかな解決策はオプションではありません.

Answer 1

http://jsfiddle.net/hukNL/

この概念は、階層化関数が機能することを示しているため、エラーはコードの別の場所にあります。

まず第一に、最新の KineticJS 4.3.1 を使用する必要があります。次に、画像をドラッグしている場合は、新しいリリースで取り上げられている dragOnTop レイヤーに配置して無効にする必要があります。最後に、他に何も機能しない場合は、次を使用して各アイテムの z-index をチェックすることにより、コードを手動でデバッグできます。

 .getZIndex()

また、さらにヘルプが必要な場合は、コードを投稿して、他の人がデバッグを手伝ってくれるようにしてください。