前端西瓜哥

大家好，我是前端西瓜哥。 今天我们来看看 R 树是什么？以及它为什么能够提高图形的检索速度。 R 树（R-tree）是一种 空间索引技术，能够是从大量的节点中，快速找到特定...

大家好，我是前端西瓜哥。 今天来讲讲如何在图形编辑器中使用自定义光标，并对光标其进行管理。 自定义光标的意义是什么？ 光标（游标）在图形界面交互中是非常基础的一环。 它是一...

大家好，我是前端西瓜哥。 挺久没写图形编辑器开发系列了，今天来讲讲控制点，它是图形编辑器的不可缺少的基础功能。 控制点是吸附在图形上的一些小矩形和圆形点击区域，在控制点上拖...

大家好，我是前端西瓜哥。 工作中遇到的一个平面几何问题，记录一下。 问题 已知点 A、B、C 的坐标，以 B 为垂足绘制 AB 的垂线将二维平面分成两个区域，问 C 是否在...

大家好，我是前端西瓜哥，这次带大家来简单系统学习一下 wasm（WebAssembly）。 wasm 是如何被加载运行的？...

现在，我已经是一名公务员，回想自己毕业后的这几年，这剧情可谓是跌宕起伏。   在武汉酒吧端盘子拿着2100的工资的时候，我从未想过两三年后我已经是月入近三万的白领阶级，成为...

近期，基于 Yjs 实践了在线协作的思维导图。本文简单谈谈个人关于 CRDT 和 Yjs 的一些见解。CRDT 是什么？简单来说，CRDT是一种可以在网络中的多台计算机上复...

大家好，我是前端西瓜哥。 我在尝试用 C++ 写一段 OpenGL 代码，用 Emscripten 编译成 WASM，运行在浏览器。OpenGL 最后会被 WASM 转换为...

大家好，我是前端西瓜哥。这次简单看看 SVGEdit 的架构。 SVGEdit 一款非常老牌的 SVG 图形编辑器，用于编辑处理 SVG，star 数目前是 5.8k。 它...

文字样式，是一个 描述文字的样式的配置对象。创建文字实体时，需要设置对应的文字样式（通过 id 的方式指定）。 为方便描述，后面会将 “字体样式” 简写为 “字样”。 Au...

大家好，我是前端西瓜哥。 今天来实现计算两条线段的交点的解析几何算法。 我们要实现 getLineSegIntersection 方法：提供两条线段，计算它们的交点。 每条...

据说，西西弗斯是一个非常聪明的国王，但他也非常自负和狂妄。他甚至敢欺骗神灵，并把死者带回人间。为此，他被宙斯（Zeus）惩罚，被迫每天推着一块巨石上山，但在接近山顶时，巨石...

本文讲解 AutoCAD 产品的图形单位功能产品设计。 图形单位是什么？ 图形单位是用于设置 一些属性数据应该用什么格式显示 的命令，命令标识为 un（units）。 举个...

大家好，我是前端西瓜哥。 今天我们来入门 WebGPU，来写一个图形版本的 Hello World，即绘制一个三角形。 WebGPU 是什么？ 简单来说，WebGPU 提供...

本文讲解开源白板工具 Excalidraw 的架构设计。 技术栈 Vite + React + TypeScript + Yarn + Husky。 脚手架原来用的是 Cr...

大家好，我是前端西瓜哥，今天我们来实现图形的缩放。 本文只讨论缩放单个图形的情况。 图形的属性 图形有几个重要的基础属性，会经常被用到，我们在实现缩放图形前需要理清一下它们...

将近一年没有更新掘金，并不是我躺平了，而是我所有的时间都用来了写一本书。这篇和大家一起聊聊写书的故事。...