首页
学习
活动
专区
工具
TVP
发布

前端西瓜哥的前端文章

专栏作者
124
文章
83379
阅读量
26
订阅数
CRDT 协同编辑:修改树的节点层级 Mutable Tree Hierarchy
本文来讲讲一个 CRDT 协同算法:修改树节点层级的操作后,保持多人协作时的数据最终一致,且不会出现环。
前端西瓜哥
2024-03-12
780
平面几何算法:求点到直线和圆的最近点
比如精细的图形拾取(尤其是一些没有填充只有描边的图形)。如果光标点到最近点的距离小于某个阈值,计算图形就算被选中。
前端西瓜哥
2024-03-04
1200
Figma 的画布缩放功能说明
画布缩放是图形编辑器的基础功能,作用是放大图形编辑细节,缩小总览全局。我们来看看 Figma 是如何做画布缩放设计的。
前端西瓜哥
2024-02-23
2230
图形编辑器开发:加新的图形类型,触发丝滑小连招
比如圆形的 center、radius,多边形的 points、closed 等。
前端西瓜哥
2024-02-23
820
图形编辑器开发:钢笔工具功能说明书
只有理解了需求,尤其是复杂的需求,才能更好地进行功能开发,写出诗一样的高鲁棒性代码。
前端西瓜哥
2024-01-26
940
给定一个边与边可能相交的多边形,求它的轮廓线
需要注意的是,轮廓线多边形内不能有空洞,使用的不是常见的非零绕数规则(nonzero)以及奇偶规则(odd-even)。
前端西瓜哥
2024-01-22
1000
Figma 数据结构:容器类图形的属性
另外,有一个比较特殊的内置画布 Internal Only Canvas,是用来保存变量的。
前端西瓜哥
2024-01-22
1380
剖析 Figma 数据结构:不同图形的特有属性
两个 angle 的弧度值范围为 [0, PI*2),方向为顺时针,基准方向为正右(对应向量为 (1, 0))。
前端西瓜哥
2024-01-22
1040
CRDT 协同编辑:另一种顺序一致性算法 Tree-Based Indexing
这次我们来看看另一种方案,Tree-Based Indexing,一种基于树结构的顺序一致性算法。
前端西瓜哥
2024-01-10
1350
CRDT 协同编辑:另一种顺序一致性算法 Tree-Based Indexing
这次我们来看看另一种方案,Tree-Based Indexing,一种基于树结构的顺序一致性算法。
前端西瓜哥
2024-01-10
730
Figma 在协同编辑中使用的顺序一致性算法: Fractional indexing
在多人同时操作同层级的多个图形的顺序时,需要保证用户的意图能保留,不会被其他用户的操作覆盖丢弃,且所有用户最终的顺序是一致的。
前端西瓜哥
2024-01-10
1260
这一次,彻底搞懵 CRDT
CRDT,全称为 conflict-free replicated data type(无冲突复制数据类型),它是一种数据类型,或者说是方案,确保在网络中的不同副本最后数据保持一致的,可以用协同编辑领域。
前端西瓜哥
2024-01-03
1760
剖析 Figma 图形对象的基本属性
Figma 也提供了 REST API 接口获取设计稿的图形树结构,且大多数属性和 fig 文件的相同,文档说明也更详细。
前端西瓜哥
2024-01-03
1620
学到了!Figma 原来是这样表示矩形的
对一些简单的图形编辑操作,这些属性基本上是够用的,比如白板工具,如果你不考虑或者不希望图形可以翻转(flip) 的话。
前端西瓜哥
2023-12-20
1040
什么?Figma 的 fig 文件格式居然解析出来了
上周图形编辑器交流群里有人问,对于 Figma 导出的 fig 文件,该如何解析其格式,拿到可读数据。
前端西瓜哥
2023-12-19
3860
Figma 是如何做协同编辑的?
我一直对图形编辑器如何做多人协同编辑很感兴趣,最近读了 Figma 前 CTO Evan Wallace 的文章《How Figma’s multiplayer technology works》,很有收获,于是写了这篇笔记。
前端西瓜哥
2023-12-13
1910
图形遍历效率低?试试 R 树
R 树(R-tree)是一种 空间索引技术,能够是从大量的节点中,快速找到特定范围的元素集合,而不用一个不落地遍历所有节点。
前端西瓜哥
2023-12-04
1400
图形编辑器开发:自定义光标
它是一个指针,悬浮在屏幕的最上层。除了可以标记出指针的当前位置,同时也会通过它独特的样式,提示用户此时可以执行怎么的操作。
前端西瓜哥
2023-11-20
1670
图形编辑器开发:缩放和旋转控制点
挺久没写图形编辑器开发系列了,今天来讲讲控制点,它是图形编辑器的不可缺少的基础功能。
前端西瓜哥
2023-11-14
1970
平面几何题解:C 在 AB 的垂线的哪一侧
已知点 A、B、C 的坐标,以 B 为垂足绘制 AB 的垂线将二维平面分成两个区域,问 C 是否在 A 所在的区域。
前端西瓜哥
2023-11-09
1240
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
热点技术征文第五期
新风口Sora来袭,普通人该如何把握机会?
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档