Html 与画布形状KineticJS交互

Html 与画布形状KineticJS交互,html,html5-canvas,kineticjs,Html,Html5 Canvas,Kineticjs,我目前正在使用Kinetic.js创建一个简单的画布,其中有3个按钮,使用Kinetic向画布添加一个可拖动的形状;一个按钮代表圆形,一个按钮代表正方形,一个按钮代表矩形 我知道我想要做的是能够通过上下文菜单与每个形状交互,我可以使用JQuery插件来实现这一点,并使其在静态div上正常工作 问题:我不知道如何与画布上的形状交互,这可能吗?您可以侦听单击事件,然后使用该事件确定是否按下了右按钮(上下文按钮): myShape.on('click', function(event){ if

我目前正在使用Kinetic.js创建一个简单的画布,其中有3个按钮,使用Kinetic向画布添加一个可拖动的形状;一个按钮代表圆形,一个按钮代表正方形,一个按钮代表矩形

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


问题:我不知道如何与画布上的形状交互,这可能吗?

您可以侦听单击事件,然后使用该事件确定是否按下了右按钮(上下文按钮):

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