使用Dragula在画布上移动对象

6
我有一张带背景图片的画布。我想要有按钮或div对象可以在画布上移动。 我已经找到了一个完美的解决方案interact.js。页面上的第一个示例(称为Dragging)正是我想要实现的。获取画布上的位置,如果对象移动到外面,则自动返回内部。 然而,我已经在使用dragula来排序项目,并希望仅保留一个库用于拖放功能。添加另一个库将增加我的Web应用程序的复杂性。 使用dragula实现这个很容易吗?如果可以,如何实现? 需要一个代码示例才能理解。
1个回答

2
我有一个类似的需求,左侧的项目需要在右侧变成便签并能够移动。经过深思熟虑,我想出了一个非常简单的解决方案。我在右侧创建了4个不同的放置区域,这基本上允许便签可以被移动。这确保了排序和拖动功能。参考视频:https://youtu.be/_jsM1kn6nBk

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接