Canvas 相关

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

这篇文章介绍了通过 demo 案例介绍了在 Fabrlc.js 中是如何通过 transform 方法实现对元素的平移、旋转、缩放的

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

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

上一节我们通过【Canvas系列】通过离屏渲染提高 Canvas 书写性能，本节我们将介绍如何通过可视区域内渲染提高 Canvas 的书写性能。

在绘制图形会阻塞主线程，如果主线程中还有其他的任务也会表现出卡顿的效果，Canvas 的渲染性能越来越差。这节我们将通过 OffscreenCanvas + Worker进一步优化

上一节 通过上下分层优化 Canvas 书写性能 优化了 Canvas 的书写性能，接下来我们通过离屏渲染的方式，进一步优化 Canvas 的书写性能。

在书写的过程中，因为点数量减少导致书写的效果不够理想，因此通过贝塞尔曲线的方式，将点连接起来，形成平滑的曲线，从而达到书写的效果。这节，我们将通过上下分层的方式，优化 Canvas 的书写性能。

前言 书接上回 如何实现一个自由绘制的 Canvas 画板，当我们实现了一个自由书写的 Canvas 画板后，我们发现采集的点越少，画出来的圈圈越不圆润，这时候我们可以使用贝塞尔曲线来优化书写

前言 承接上文Canvas 尺寸与分辨率矫正，当我们了解了如何去设置一个 Canvas 尺寸，并通过分辨率对 Canvas 进行矫正后，我们就可以开始实现一个自由绘制的 Canvas 画板了

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