数据可视化

🐸 不管是做游戏还是做普通网页，在这个时代基本都离不开动画。说到动画，第一个联想到的概念就是“帧”。Three.js 提供了一个性能检测工具 Stats 可以监测帧率、内存等数据变化~

🎉 本文主要讲解使用 AntV G6 实现 拖拽生成节点 的功能。 AntV G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。

渲染阴影效果需要消耗一定的资源，所以 Three.js 默认是关闭阴影效果的。 想要在 Three.js 中实现阴影效果，只需记住本文要讲的几个点即可。

简单的动画可以提高 Three.js 初学者 的学习兴趣和信心。 本文会从初学者的角度出发讲解几个简单的动画，包括：平移、旋转、缩放、跳跃。

✨ 千万不要觉得使用Canvas开发滤镜很复杂。说白了它就是在操作每一个像素点，按照你的规则去重新配色

✨ 别只是懂Vue和React了，原生的东西也赶紧学起来吧。SVG在前端的地位越来越高，它能轻轻松松做出CSS难以做到的特效 ✨

技术一直在演变，在网页中使用 SVG 的方法也层出不穷。每个时期都有对应的最优解。 所以我打算把我知道的 7种 SVG 的使用方法列举出来，有备无患~

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

🎋 不管是在富文本编辑器还是在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 时，难免需要将元素进行居中处理。本文将详细讲解如何居中元素到视窗和画布 🎗️