数据可视化

关于你想知道 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 开发时，我建议你把辅助坐标轴加上，这样比较方便你观察元素的位置和关系~

使用 Fabric.js 绘制椭圆，像PS那样操作，支持4种不同的绘制方向，本文会将思路和实现过程都分享出来~

本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。 要实现2种操作：全文加粗、只加粗选中的文字

Fabric.js 的基础包并没有包含橡皮擦模块，如果你的项目需要使用橡皮擦，那我一定要写篇文章来帮个忙~

使用Fabric.js的基础笔刷实现自由绘制功能。本文将介绍如何设置笔刷的各种属性，比如笔刷粗细、颜色、虚线等等

纯CSS 实现一直变幻的不规则边框，所用方法非常简单，直接套公式就能出效果。保证不添加一滴 JavaScript ~

在Fabric.js中模拟PhotoShop 椭圆工具的操作逻辑，实现点击拖拽生成圆形的功能。圆形在生成过程中会跟随鼠标的位置进行大小和起始坐标的动态调整。