html - 与画布形状交互 KineticJS

Question

我目前正在使用 Kinetic.js 创建一个简单的画布，其中包含 3 个按钮，使用 Kinetic 将可拖动的形状添加到画布；一个按钮用于圆形，一个用于正方形，一个用于矩形。

我知道想要做的是能够通过上下文菜单与每个形状进行交互，我可以使用 JQuery 插件来做到这一点，并让它在静态 div 上正常工作。

问题：我对与画布上的形状进行交互一无所知，这可能吗？

Answer 1

您可以侦听单击事件，然后使用该事件来确定是否按下了右键（上下文按钮）：

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