Qunee for HTML5 - 中文 : Graph交互模式

完成一个交互动作通常需要处理多种交互事件,比如节点拖拽操作,需要监听#startdrag, #ondrag, #enddrag三种事件,在开始拖拽时记录当前鼠标位置下的图元,拖拽过程中更改图元位置,结束时释放相关资源,这一系列动作协同完成同一件事件,我们称之为一种“交互”,实现这种交互的对象或者函数我们称为“交互器”,所以节点拖拽对应有Q.MoveInteraction,画布平移对应有Q.PanInteraction,滚轮缩放画布对应Q.WheelZoomInteraction,而一组交互器组合起来使用,就构成了一种“交互模式”

 

监听器,交互器,交互模式关系如下图: