javascript-Konva.js的上下文菜单
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Konva.js的上下文菜单,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含691字,纯文字阅读大概需要1分钟。
内容图文
![javascript-Konva.js的上下文菜单](/upload/InfoBanner/zyjiaocheng/686/4b22dc3f1662428bb82612bf7630927d.jpg)
我有一张包含多个对象的地图,例如玩家,塔楼,敌人等.
使用以下功能将它们添加到地图中:
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函数
内容总结
以上是互联网集市为您收集整理的javascript-Konva.js的上下文菜单全部内容,希望文章能够帮你解决javascript-Konva.js的上下文菜单所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。