前端西瓜哥

大家好，我是前端西瓜哥。 本文将讲讲解二维中的包围盒。 三维的包围盒是一脉相承的，理解了二维也就懂了三维。 包围盒（bbox, bounding box）指的是包围图形的一个矩形。 “盒” 通常特指矩

大家好，我是前端西瓜哥。 CRDT 协同编辑中，我们经常会使用 Last-Writer-Win 的策略解决冲突。即对于多个冲突的操作，哪个操作是最后修改的，就应用哪个操作。 于是这里就有一个问题，我们

大家好，我是前端西瓜哥。 如题，今天来看两个算法实现。 求和圆内接的正多边形 方法参数有： center：圆心位置； start：正多边形上的一个点，和 center 的距离即圆的半径； count：

大家好，我是前端西瓜哥。 我在 2023 年年初开源了自己一个人开发的项目 Suika。 这是一款 Web 端图形编辑器，可以让用户自由地创建编辑各种图形。 界面长这样。 到今天算是走过了一年零三个月

大家好，我是前端西瓜哥。 今天我们来学习如何求向量 a 到向量 b扫过的弧度，或者也可以说是角度，转换一下就好了。 求两向量的夹角 求两向量的夹角很简单，用点积公式。 变换一下： 代码实现： 需要注意

写了一堆图形编辑器开发的文章，汇总一下，方便读者朋友在遇到问题时，快速找到对应文章，建议收藏。 如果没找到，或者有什么感兴趣的主题，可以公众号后台给我留言，我看看能不能写篇文章出来。 图形编辑器 如果

大家好，我是前端西瓜哥。 本文来讲讲一个 CRDT 协同算法：修改树节点层级的操作后，保持多人协作时的数据最终一致，且不会出现环。 算法来自 Figma 前 CTO Even Wallace 的文章：

大家好，我是前端西瓜哥。 今天我们来学习平面几何算法，求点到直线和圆的最近点。 这个方法还挺常用的。 比如精细的图形拾取（尤其是一些没有填充只有描边的图形）。如果光标点到最近点的距离小于某个阈值，计算

大家好，我是前端西瓜哥。 画布缩放是图形编辑器的基础功能，作用是放大图形编辑细节，缩小总览全局。我们来看看 Figma 是如何做画布缩放设计的。 zoom 使用 zoom 表示画布的缩放比。 比如 z