JShibo

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

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

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

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

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

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

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

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

🐸 使用 fabric.js 创建出来的画布默认是不能拖拽移动的，不过我们可以利用一些小技巧让画布具有被拖拽的能力。