HTML5 Canvas 复杂的拖放界限

要使用Konva限制节点在区域内的被拖放运动,我们可以使用dragBoundFunc属性来定义边界, 节点不能交叉。

说明:拖放浅蓝色矩形并观察它 在y = 50的虚拟边界下面。拖放黄色 矩形并观察它被绑定在一个假想圆内。

{% iframe /downloads/code/drag_and_drop/Complex_Drag_and_Drop.html %}

{% include_code Konva Complex Drag and Drop Bounds Demo drag_and_drop/Complex_Drag_and_Drop.html %}