简述如何设计一个能创建流程图的页面（类似visio，xmind） about frontend-interview HOT 9 OPEN

怎么没法加标签？
必须要是contributor吗？

from frontend-interview.

1没做过
2拖拽：鼠标在工具上mousedown的时候让新工具的坐标=鼠标的坐标-（鼠标的坐标-新工具的坐标）。
鼠标mouseup的时候取消拖动。
连线：这个不知道是什么。。
3把每个工具都写成对象。
4 比如快捷键？收集数据最经常用到的工具图标来设置快键键。
比如模板？如上 为了懒才用工具的嘛。

from frontend-interview.

@kevinwulong 第二点2，拖拽包括鼠标三个事件mousedown——mousemove——mouseup，另外你说的坐标计算也不对。mousedown时记下当前坐标，假设设置标志位flag=true，mousemove时,如果flag===true，则获取鼠标位置，计算并动态更改工具坐标，这样工具位置就动态改变了，mouseup标记flag=false，此时工具位置是最终位置。

有类似开源项目代码，可以参考源码

https://github.com/fex-team/kityminder

https://github.com/jgraph/draw.io

from frontend-interview.

@giscafer 谢谢回复！我去刷刷看你提供的源码。

from frontend-interview.

@ningxzx 你需要加什么标签，我帮你加吧

from frontend-interview.

@FrankFang 确实简洁了不少！我觉得“组件”相关的标签都行

from frontend-interview.

用canvas画吧

from frontend-interview.

https://www.processon.com/

from frontend-interview.

1.没做过。思路：按JSON格式存储，自标题往下嵌套，备注描述均为json中的字段。

from frontend-interview.