前言 学习目标 创建T恤图案编辑器 知识点 TransformControler 的应用 canvas 全局合成 canvas 图层控制 DOM和图形组件的数据传递 1-搭建前端静态 1-1-页面结构

最近想系统看下 canvas 这个东西，所以找了一个库看看，本来打算写一两篇文章沉淀一下，发现东西有点多😦，索性就拆成了系列文章。

这篇文章通过介绍包围盒的概念，进而阐述在 Fabric.js 是如何通过点射法进行点选物体的，最后再基于点选提出优化

如何绘制一个图形 上一节中，大致了解了 Fabric 的内部结构，并且知道 Fabric.js 拥有俩层 Canvas。在这一节中，我们将以绘制矩形为例，了解 Fabric.js 是如何实现矩形的绘制

Canvas 的默认大小为 300 像素 ×150 像素（宽 × 高，像素的单位是 px） canvas 看起来和 img 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。

这篇文章通过对 Fabric.js 的解析，了解 Fabric.js 内部结构划分以及分层结构的划分。