本文分别从原生和vue的环境下操作。上传图片到canvas里渲染出来，借助Fabric.js强大的能力去实现。

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

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

🐻在单页面应用中需要注意生命周期问题，比如使用 `fabric.js` 创建的画布，如果不做缓存页面，在离开页面前最好把画布销毁掉。本文就介绍一下如何销毁 fabric.js 实例

在 fabric.js 提供的文本组件中，默认状态是不会自动换行。如果你的使用场景中需要自动文本自动换行，可以使用 Textbox ，并将 splitByGrapheme 设置为 true

🐵带尬猴！ 你是否在使用 Fabric.js 时希望能在选中元素后自定义元素样式或选框（控制角和辅助线）的样式？ 如果是的话，可以放心往下读。

🦞Fabric.js 官网有很多有趣的Demo，不仅可以帮助我们了解其功能，还可以为我们提供创意灵感。其中，Stickman是一个非常有趣的例子。

🌶️这次要介绍的一个demo是"拖拽多边形定点修改多边形形状"。我会用老奶奶也能学得懂的方式进行讲解

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