在熟悉业务中播放器功能的时候，发现时间轴上绑定了点击和拖动事件，频繁遇到了类似pageX之类的事件属性。往往在需要动态计算元素的高度或者事件发生位置时需要用到此类属性，之前的学习中没有系统性地进行过归纳总结。现从最基本的鼠标事件的属性开始，完整的梳理一下各个属性的区别以便日后查…

HTML5提供了draggable属性，当它的值为true时，表示元素可拖动。 ondragstart: 当开始拖动元素时触发。 ondragover: 当拖动元素进入可放下的对象区域时触发。 ondrop: 当拖动元素被放下时触发。

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

拖放（drap && drop）在我们平时的工作中，经常遇到。它表示：抓取对象以后拖放到另一个位置。目前，它是HTML5标准的一部分。我从几个方面学习并实践这个功能。 然后，我们一步步看下这个过程中，会发生的事情。 在HTML5标准中，为了使元素可拖动，把draggable属性…

官方文档写的真的是很简洁啊，有些方法属性好难找，得一边写一边摸索https://x6.antv.vision/zh/docs/tutorial/getting-started 安装 安装完成之后，使用

vue 使用antv x6 绘制拖拽流程图 安装 使用 创建容器 创建实例画布 创建工具栏实例 连接点配置 自定义节点 快捷键和事件触发

最近弄了点流程图的相关内容，写个小计（说ji不说吧，文明你我他 (●'◡'●)）, 这种使用的东西一般都是比较枯燥的,所以大概过一眼代码copy就行啦.代码量比较多,比较死的那种所以先贴左边部分的代码