wangqiaojie的博客

前言上篇我们介绍了做的图片编辑器，大部分工具类的软件都有辅助线，方便拖拽元素的时候对齐，能让我们快速的做出漂亮的图片。 这两天给编辑器加上了辅助线, 辅助线实现过程稍微有些复杂，我们一步步说下实现过程。演示演示地址实现流程原理讲解左侧辅助线出现我们以节点2为移动的元素，通过上面的图观察我们可以看出，当左侧辅助线出现的时候，节点1的x坐标和节点2的x坐标相等的时候辅助线就会出现，我们移动节点2的时候动态去判断。右侧辅助线出现我们以节点2为移动的元素，通过上面的图观察我们可以

前言今年计划开始写文章，各大平台发布的时候需要上传一个封面图，市面上有好多比较成熟的图片编辑器。之前也做过一些偏工具类的应用，于是萌生想法，自己能不能搞一个编辑器，供掘友们使用，大概花了四五天的时间，第一版内容已经有了。案例演示演示地址演示地址快速启动git clone git@github.com:jiechud/fast-image-editor.gityarn install || npm installyarn dev 启动服务打开浏览器项目目录.├── canvas-