html - キャンバス シェイプを操作する

Question

現在、Kinetic.js を使用してシンプルなキャンバスを作成しています。3 つのボタンがあり、Kinetic を使用してドラッグ可能な形状をキャンバスに追加しています。1 つのボタンは円、1 つのボタンは正方形、1 つのボタンは長方形です。

私がやりたいことは、コンテキスト メニューを使用して各図形を操作できるようにすることです。JQuery プラグインを使用してこれを実行し、静的 div で正常に動作させることができます。

質問: キャンバス上の図形を操作する方法がわかりません。これは可能ですか?

Answer 1

クリック イベントをリッスンし、そのイベントを使用して、右ボタン (コンテキスト ボタン) が押されたかどうかを判断できます。

myShape.on('click', function(event){ 
   if (event.which== 3) {
      // trigger your context menu here
   }
});