如何在kineticjs中创建下拉菜单

Question

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

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

我要创建的example

非常感谢你。

最温暖的问候， Dandy Ling

Answer 1

您可以使用Layer和Group个集合来逻辑创建下拉框。

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

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

然后你只需要将“点击/触地”事件连接到称为核心逻辑的方法。