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

了解Canvas2D渲染功能实现与设计，在使用时知其所以然，在创造时有所借鉴。从以下这四个方面来分析Fabric.js ... 在创建对象模型部分主要有两种方式：使用基础图形与自定义图形。 在自定义图形对象时，需要实现initialize()与_render()方法，前者用于属…

前言 我写这个文章的目的，主要是因为网上大多数pixijs的基础教程都有各种问题，不适合入门或者直接开始用；结合我查阅资料和官网文档来写这篇文章，保证写的列子都是直接可用的；如有错误，希望指出，谢谢!

PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。这个库经常被用来制作HTML5游戏以及有复杂交互的H5活动页。 页面上就出现了一个300*300的蓝色矩形，矩形是由pixi.js创建的canvas渲染的。 Application是p…

DisplayObject 是PIXI引擎核心类。了解 DisplayObject类 对学习PIXI非常重要，通过它可以了解如何移动、缩放、旋转和组合元素。

✨ 在前端领域，如果只是懂 `Vue` 或者 `React` ，未来在职场的竞争力可能会比较弱。 根据我多年在家待业经验来看，前端未来在 `数据可视化` 和 `AI` 这两个领域会比较香。