在转转上门履约的场景中，上门服务的覆盖区域是在地图上画电子围栏来划定的。这就涉及到一些几何图形的操作和空间关系判断，其中最核心问题就是要解决如何判断位置是否在上门覆盖范围内。

我写的一系列图形编辑器的文章，是基于我一个叫做 suika 的个人项目总结抽象而来的。 毕竟不落地，我写的文章就不真实。当然落地了你去看代码，有些细节大概也不太能看懂，文章为了方便理解，是做了简化的，

实现了“无限画布”、“画布移动”、“网格背景”、“比例尺”、“定位缩放”，并简单叙述了它们实现的基本思路。绝对的原创。

技术选型 fabric是一个老牌canvas库,基本常用功能都已经封装好了,常用组件和功能很完善,比如选择功能支持,可以直接通过属性 selectable一键开启,相当快捷. konva相对fabri

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…

最近挤出时间来完善了这个项目，正式开源后在一天内就收获了上百个Star，今天想向大家分享下这个开源图片编辑器项目——迅排设计，以及我的一些感悟和开源体验。

如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的： 不要走开，跟随本文一起来探究一下吧~

本文将从技术选型的各种考虑因素（如技术的社区活跃度、文档丰富程度、具体落地案例、性能、适用场景、人员学习成本等）对这四个图形库进行对比, 并针对编辑能力做了详细的对比表~