前端西瓜哥

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

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

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

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

驾驭快捷键，解锁编程高速路。本文精选了一系列能够大幅简化日常工作的快捷键，帮助开发者提升编程体验，实现事半功倍的效果。...

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

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

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

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

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

半年前，我第一次成为了二面面试官。这段经历不仅让我，一个曾经的候选人，对许多问题有了更新的理解，也逐渐澄清了我之前在面试过程中的那些困惑。高频次的面试，使得我对于面试这一行...

大家好，我是前端西瓜哥。 这篇文章是春节前的最后一篇文章，西瓜哥在这里提前祝大家新年快乐了。 在搭好图形编辑器的框架后，我们可能需要根据需求加入一些新的图形类型。 那么加入...