写过原生 Canvas 的朋友都懂： API 低级到怀疑人生——画个带圆角的矩形就要 20 行起步，缩放、拖拽、层级管理全靠自己实现。 节点一多直接 PPT——超过 5000 个元素，页面卡成幻灯片。

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

如果你想用 canvas 画图，那不妨试试 Fabric.js 。跟着本文一步一步操作，一定可以入门 Fabric.js

绘制复杂的图形和在特定情况需要改变图片以及交互的时候,使用原生 canvas API 将会变得很困难。 而 Fabric 旨在解决这个问题。

Fabric.js是一款强大的HTML5画布库，它能够让我们轻松地在网页上创建、编辑和操纵各种图形元素。无论你是想制作一个炫酷的图形编辑器，还是实现动态的图形效果，Fabric.js都能满足你的需求。

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

黎明之前，总有一段时间特别黑，悄悄努力你就会惊艳所有人。你不一定要逆风翻盘，但请一定向阳而生；你知道吗？梦想，就是梦里想做的事，醒来后，努力去实现；所谓的万丈深渊，走下去，也是前程万里。

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

😸 如果你在学习Pixi.js时找不到适合的demo，可以瞧瞧本文。本文从初学者的角度出发，介绍了Pixi.js的一些基础知识和用法，包括Pixi.js的交互事件和动画基础教程