javascript - 如何在 kineticjs 中创建下拉菜单

Question

我正在尝试使用 Kineticjs 创建一个图表编辑器。

目前，我想在选择框中创建一个带有滚动条的下拉菜单。但是，我不确定如何在 Kineticjs 中做到这一点。有人可以就 Kineticjs 中下拉菜单的实现逻辑给出一些建议吗？

我要创建的示例

非常感谢您提前。

最热烈的问候，丹迪玲

Answer 1

您可以使用LayerandGroup集合在逻辑上创建您的下拉框。

添加“mouseover/mouseout”事件，您可以只显示/隐藏图层中的组。

然后为了让它变得非常好，您可以使用 Tween/Animation 类为每个选项的 x/y 位置设置动画。

然后，您只需将“点击/触地”事件连接到调用您核心逻辑的方法。