前言:
最近在忙着机器学习的前端可视化建模的实现,如果有小伙伴感兴趣或者有经验的,欢迎私信一起交流学习。
为了让项目具备更好的前端交互体验,在可视化建模中,有这么一环,就是拖拽节点进行绘画。其实现的原理很简单,就是利用了js的拖放技术Drag and Drop(DnD)。拖放(DnD)是HTML5的第一规范定义了一种基于事件的机制、JavaScript API和其他标记,用于声明页面上几乎任何类型的元素都可以拖放。
假如你对纯原生js的拖放实现方式感兴趣,推荐给你以下这篇大佬的文章:
原生JS快速实现拖放(drag and drop)效果 https://segmentfault.com/a/