javascript-Konva.js的上下文菜单

我有一张包含多个对象的地图,例如玩家,塔楼,敌人等.

使用以下功能将它们添加到地图中：

const createCustomObject = (sides, radius, color, x, y) => {
  let customObject = new Konva.RegularPolygon({
    fill: color,
    x: x,
    y: y,
    sides: sides,
    radius: radius,
    id: returnID()
  });
  customObject.on("click", e => console.log(e.target.id()));
  addLayer(objectLayer, customObject);
};

现在,我需要更改它,以便当用户单击任何customObject时,上下文菜单应显示可单击的选项,例如“删除”,“显示ID”等.

我到底该怎么做？我当时正在考虑创建Konva.Rect()onclick并填充可单击的Konva.Text()对象,但是也许我错过了其他方法吗？我的那个看起来很丑.

解决方法:

这就是我所做的.我做了一个矩形,并将Konva.Text放在其上方.然后为所有Konva.Text元素设置onclick函数

标签：canvas,konvajs,javascript
来源： https://codeday.me/bug/20191025/1926148.html