冬日暖陽

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。

需求背景 最近产品要求做一个截图的功能，其背景是我们做的是一个教育类的网页，我们会统计学员的做题、听课、任务等数据，然后按照班级进行排名，然后班主任需要把这些数据发到班级群里，所以需要一个截图的功能。

fabric.js是一个canvas库，今天整理了一下fabric.js可以实现的功能，用动图的形式分享给大家，方便快速了解fabric.js

进入富文本编辑器的神奇世界，探索Selection与Range的妙用！无论你是一名开发者还是一个对技术充满好奇心的爱好者，这篇技术博客将为你揭开富文本编辑器背后的秘密。

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 16 天，点击查看活动详情 前言 Chrome 中文版浏览器会默认设定页面的最小字号是12px，英文版没有限制 原由 Chrom

状态机是有限状态自动机的简称，是现实事物运行规则抽象而成的一个数学模型。状态机，也就是 State Machine ，不是指一台实际机器，而是指一个数学模型。说白了，一般就是指一张状态转换图。

如何实现撤销和恢复 在图形编辑器中，撤销和恢复是一个非常常见的功能了，但是搜了下，网上好像也没有太多相关的文章 可能是因为canvas相关的资料确实太少了吧 其实实现撤销和恢复并不难，因为fabric

最近使用 pnpm + Monorepo + rollup 开源了一个工具库 tojson.js tojson.js 是一个支持解析 Psd、Sketch 转 json 的类库, 该 json 满足

这段时间闲着没事就去翻翻红宝书无意间看到了这两个功能，只能说很符合面试官的口味，以后要是我当上面试官一定让候选人来谈谈这两个点，然后顺势安利我这篇文章🤣