前端西瓜哥

大家好，我是前端西瓜哥。 之前时不时聊过一些图形编辑器的数据后端持久化的问题，今天我们来稍微展开，专门地聊一聊。 本地到远端的演进 首先我们有个本地图形编辑器，数据保存在本地。 单机形式 这是单机的形

大家好，我是前端西瓜哥。 最近有人想学习我开源的 suika 图形编辑器，问我下面的项目结构哪些文件对应什么功能，文件太多看不太懂。 那我就在这里简单展开讲讲，内容很多，建议跳着看，或者不看直接收藏了

大家好，我是前端西瓜哥。 最近尝试做一下周刊，把自己收集的一些觉得比较有意思的图形编辑器相关的文章、工具、资讯等进行推荐，希望对你有所帮助。 fig 文件转 leaferjs 图形工具 fig to

大家好，我是前端西瓜哥。 今天我们讲一下图形编辑器用到的一些设计模式。 因为要使用设计模式，所以文中绝大多数代码使用了带有类型系统的 TypeScript 语言。 发布订阅模式 这个我们其实在前端开发

大家好，我是前端西瓜哥。 前段时间给我的 suika 图形编辑器重写了文本编辑功能，基本支持了所见即所地编辑文本了，这篇文章总结一下实现这个功能需要做的一些工作。 简单演示，使用的字体是 “得意黑”。

大家好，我是前端西瓜哥。 图形编辑器中，我们有时候希望在 path 中微调一条曲线，在中间新增一个锚点，然后调整这个锚点和它的控制点。 为了实现这个功能，我们需要实现算法：将一条贝塞尔曲线拆分为两条贝

大家好，我是前端西瓜哥。 很多图形编辑器实现路径 path 编辑，**只会用三阶贝塞尔和直线来表达**。 不用二阶贝塞尔曲线，因为它相比三阶贝塞尔曲线，表达不够灵活自由，表达同一条路径需要更多段的

大家好，我是前端西瓜哥。 布尔运算是相当复杂的算法，需要考虑各种各样的图形，并匹配不同的布尔模式，有相当多的边缘场景。 通常我们需要找一些算法库或图形库，用里面的布尔算法进行业务开发。 为此，我写了一

大家好，我是前端西瓜哥。 canvaskit 类似 Canvas 2D，会维护画布的 当前矩阵（current matrix），之后通过 drawXx 渲染图形时，会应用这个矩阵的值对顶点做一次变换计