先贴一张实现的效果图 老规矩先进行功能分析和准备工作 这块功能我实现的不多，主要就是拖动新增座位和已占用座位拖动到未占用座位，放大缩小图层。如右键功能，定义座位中心点，所有已占用座位向中心点靠齐，忽视

之前在研究低代码可视化时遇到了参考线吸附的需求, 比如元素直接拖拽时需要显示参考线和吸附, 方便对元素位置进行更精准的控制. 也思考了很多技术实现方案, 最近在github上开发一款非常不错的js插件

如果打算学习Canvas做图片设计、定制设计相关的工具，我建议你学习一下fabric.js，非常强大，可以做出很多有意思的项目

近期在学习 Fabric.js，Fabric.js 的官网文档可谓是一言难尽。没有中文翻译只能算最小的问题，代码举例少的可怜，文档结构十分不友好，搜索功能也不尽人意，很难让人有看下去的耐心。

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

Konva 提供了高性能的动画，补间，节点嵌套，布局，滤镜，缓存，事件绑定（桌面/移动端）等等功能，本应用基于 konva 实现Web PPT 编辑器，以实现设计编辑、预览、切换、动画等核心功能

这篇文章将介绍在 2D 场景变换操作中，使用反向变换、分层处理、 DOM 方法，保持指定元素位置不变。

在canvas 中，坐标原点在画布的左上角，这就意味着当我们对画布进行变换操作(平移、旋转、缩放)时，变换的基点就是左上角。

fabric.js是一个canvas库，今天整理了一下fabric.js可以实现的功能，用动图的形式分享给大家，方便快速了解fabric.js