数据可视化

🎋 不管是在富文本编辑器还是在Word里，都有“斜体”功能。而 Fabric.js 也不例外。本文主要讲解在 Fabric.js 中使用 IText 创建的文本进行斜体设置。

👑元素数量多了，难免会产生重叠。又或者某些效果需要几个元素重叠起来。这些情况大概率需要控制元素的层级。

💎 如果你希望在一个复杂的背景上添加文字，文字能清晰展示，并尽可能的保留原背景的话，使用毛玻璃的效果去处理是非常合适的。💎

🎭 下划线、删除线、上划线都是文本编辑工具常用的操作。Fabric.js当然也在自己的文本组件里提供这类操作啦🎭

🏀 这次要用【纯CSS】做一个波点背景，我把这个效果写在 body 上，使用2层背景再加上一点位移实现的~

🎄 本文讲解在使用Fabric.js创建可编辑文本后，支持用户动态修改全局或者被选中字符的字号大小。该案例适合做在线ps等应用🎄

关于你想知道 Three.js 场景的用法，这里全都有。Scene的属性和方法本来也不多，本文将详细讲解场景的每个方法和属性~

🎈Fabric.js的IText是一个可编辑文本框，可以在项目运行时输入文字，功能其实和HTML的input差不多，都是可以让用户输入。

🥁如果希望被操作的对象一直保持在原有的层级，这样操作起来某些情况下会更直观。那么你可以在初始化画布时将 preserveObjectStacking设为true🥁

🎫 本文要讲的 “精简JSON” 其实是 精简版序列化 。序列化可以将 Fabric.js 的画布导出成一个 JSON 对象。而精简后的序列化就是一个更干净的数据。

🎃 如果你的项目有画布拖拽、缩放等功能，而且你不希望背景图跟随拖拽或缩放，那么你可以将 backgroundVpt 设置为 false

🎗️ 使用 fabric.js 时，难免需要将元素进行居中处理。本文将详细讲解如何居中元素到视窗和画布 🎗️

使用 canvas 开发的项目，滚轮缩放画布的需求应该不算少数，比如地图。 Fabric.js 也提供了缩放画布的功能，本文主要讲解设置画布大小的几种方法。

在 Fabric.js 中，不管是 Text、IText、Textbox ，设置上标和下标的方法都是差不多的。本文讲一个使用偏方，也能实现上标和下标的效果

在 Fabric.js 里要全文设置统一文字颜色非常简单，但如果要设置某个字符的颜色，官方文档的说明可能会有点绕。本文会展开讲解单行和多行文本应该如何设置指定字符颜色和背景色

还记得小时候电脑课经常玩的金山画王吗？里面提供了很多仿真画笔。这次我们就做一个简化(阉割)版，用 Fabric.js 提供的能力画画

纯CSS实现的效果很多时候都能出人意料，本文讲解 Lea Verou 分享的一段代码背后的实现原理~

纯css实现的特效真的非常有意思，这次就来实现一个国际象棋的棋盘背景，放在body上的话，可以一直全屏覆盖

实话实说，我不知道面试会不会考到ch这个知识点，但了解一下总没错的。ch这个知识点真的非常冷门，而冷门的原因是它并没什么*用~

如果你使用 Three.js 开发时，我建议你把辅助坐标轴加上，这样比较方便你观察元素的位置和关系~