腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
前端西瓜哥的前端文章
专栏作者
举报
132
文章
91027
阅读量
26
订阅数
订阅专栏
申请加入专栏
全部文章（132）
网站（36）
编辑器（31）
开发（26）
编程算法（24）
react（21）
渲染（20）
算法（20）
前端（17）
工具（16）
数据（14）
对象（13）
javascript（11）
github（9）
开源（9）
css（8）
git（8）
http（8）
设计（8）
node.js（7）
typescript（7）
网络安全（7）
https（7）
json（6）
缓存（6）
数组（6）
同步（6）
字符串（6）
vue.js（4）
html（4）
ide（4）
api（4）
命令行工具（4）
容器（4）
安全（4）
数据结构（4）
函数（4）
基础（4）
客户端（4）
索引（4）
打包（3）
eslint（3）
es（3）
point（3）
transform（3）
tree（3）
快捷键（3）
事件（3）
拖拽（3）
c++（2）
android（2）
sql（2）
svg（2）
面向对象编程（2）
npm（2）
tcp/ip（2）
markdown（2）
canvas（2）
腾讯云开发者社区（2）
autocad（2）
height（2）
hex（2）
math（2）
width（2）
遍历（2）
变量（2）
编译（2）
产品设计（2）
服务器（2）
管理（2）
架构（2）
可视化（2）
浏览器（2）
配置（2）
入门（2）
优化（2）
源码（2）
mac os（1）
java（1）
python（1）
.net（1）
ajax（1）
opengl（1）
数据库（1）
云数据库 SQL Server（1）
unix（1）
容器镜像服务（1）
文件存储（1）
访问管理（1）
腾讯云测试服务（1）
express（1）
koa（1）
存储（1）
游戏（1）
shell（1）
dns（1）
推荐系统（1）
单元测试（1）
udp（1）
微信（1）
webgl（1）
任务调度（1）
base64（1）
center（1）
count（1）
hierarchy（1）
jetbrains（1）
mutable（1）
path（1）
scale（1）
selection（1）
vite（1）
编码（1）
布局（1）
测试（1）
插件（1）
动画（1）
二进制（1）
服务端（1）
工作（1）
集合（1）
计算机图形学（1）
镜像（1）
连接（1）
模型（1）
内存（1）
排序（1）
软件（1）
数据类型（1）
数学（1）
通信（1）
图形学（1）
系统（1）
效率（1）
性能（1）
序列化（1）
原理（1）
重构（1）
搜索文章
搜索
搜索
关闭
图形编辑器开发：基于 transfrom 的图形缩放
开发
height
transform
width
编辑器
上一篇文章我们讲了为什么以及如何用 transform、width 和 height 表达图形。
前端西瓜哥
2024-04-28
91
0
图形编辑器开发：为什么我选择用 transform 矩阵表达图形的变形？
编辑器
基础
开发
算法
transform
改用 transform 表达图形的变形，并废弃掉了原来的 rotation、x、y 属性。
前端西瓜哥
2024-04-28
84
0
图形编辑器开发：钢笔工具的实现
工具
开发
渲染
path
编辑器
像是 SVG 的 Path 的元素，单段的线有直线、圆弧、椭圆弧、二阶贝塞尔曲线、三阶段贝塞尔曲线等。
前端西瓜哥
2024-04-19
58
0
关于包围盒，你需要知道的那些事
编辑器
开发
前端
算法
渲染
实际上包围形状的图形某些情况下会使用多边形（凸包、凹包）或是圆形或是其他，不仅限于矩形的更泛用的叫法应该是 “包围体”（bounding volume）。
前端西瓜哥
2024-04-03
92
0
个人开源图形编辑器 Suika 的 2024 年二季度开发计划
编辑器
工具
算法
重构
开源
一开始功能很简陋，但我一有时间就往上面加功能，不断思考写代码要怎么写才能更优雅，更容易维护，不断地推敲一些算法和交互，一行行用代码实现和重构，最终变成了这么一个 相对来说功能较为丰富的图形编辑器 了。
前端西瓜哥
2024-04-03
67
0
CRDT 协同编辑：如何确定操作时序？
客户端
同步
系统
对象
服务器
CRDT 协同编辑中，我们经常会使用 Last-Writer-Win 的策略解决冲突。即对于多个冲突的操作，哪个操作是最后修改的，就应用哪个操作。
前端西瓜哥
2024-04-03
90
0
平面几何：求内接或外切于圆的正多边形
point
前端
算法
center
count
思路是，让起点基于圆心旋转 PI * 2 / count 度数的倍数，执行 count - 1 次，拿到所有的点。
前端西瓜哥
2024-04-03
86
0
平面几何：求向量 a 到向量 b扫过的夹角
math
可视化
前端
算法
图形学
今天我们来学习如何求向量 a 到向量 b扫过的弧度，或者也可以说是角度，转换一下就好了。
前端西瓜哥
2024-03-22
94
0
CRDT 协同编辑：修改树的节点层级 Mutable Tree Hierarchy
同步
hierarchy
mutable
tree
算法
本文来讲讲一个 CRDT 协同算法：修改树节点层级的操作后，保持多人协作时的数据最终一致，且不会出现环。
前端西瓜哥
2024-03-12
89
0
平面几何算法：求点到直线和圆的最近点
算法
动画
可视化
前端
数学
比如精细的图形拾取（尤其是一些没有填充只有描边的图形）。如果光标点到最近点的距离小于某个阈值，计算图形就算被选中。
前端西瓜哥
2024-03-04
148
0
Figma 的画布缩放功能说明
快捷键
前端
设计
数组
函数
画布缩放是图形编辑器的基础功能，作用是放大图形编辑细节，缩小总览全局。我们来看看 Figma 是如何做画布缩放设计的。
前端西瓜哥
2024-02-23
516
0
图形编辑器开发：加新的图形类型，触发丝滑小连招
渲染
编辑器
开发
软件
设计
比如圆形的 center、radius，多边形的 points、closed 等。
前端西瓜哥
2024-02-23
97
0
图形编辑器开发：钢笔工具功能说明书
开发
连接
数据结构
编辑器
工具
只有理解了需求，尤其是复杂的需求，才能更好地进行功能开发，写出诗一样的高鲁棒性代码。
前端西瓜哥
2024-01-26
104
0
给定一个边与边可能相交的多边形，求它的轮廓线
遍历
前端
数组
算法
索引
需要注意的是，轮廓线多边形内不能有空洞，使用的不是常见的非零绕数规则（nonzero）以及奇偶规则（odd-even）。
前端西瓜哥
2024-01-22
112
0
Figma 数据结构：容器类图形的属性
设计
容器
数据结构
布局
前端
另外，有一个比较特殊的内置画布 Internal Only Canvas，是用来保存变量的。
前端西瓜哥
2024-01-22
168
0
剖析 Figma 数据结构：不同图形的特有属性
数组
字符串
数据结构
对象
数据
两个 angle 的弧度值范围为 [0, PI*2)，方向为顺时针，基准方向为正右（对应向量为 (1, 0)）。
前端西瓜哥
2024-01-22
134
0
CRDT 协同编辑：另一种顺序一致性算法 Tree-Based Indexing
tree
客户端
数据
算法
同步
这次我们来看看另一种方案，Tree-Based Indexing，一种基于树结构的顺序一致性算法。
前端西瓜哥
2024-01-10
187
0
CRDT 协同编辑：另一种顺序一致性算法 Tree-Based Indexing
数据
算法
同步
tree
客户端
这次我们来看看另一种方案，Tree-Based Indexing，一种基于树结构的顺序一致性算法。
前端西瓜哥
2024-01-10
77
0
Figma 在协同编辑中使用的顺序一致性算法： Fractional indexing
数据
算法
索引
原理
字符串
在多人同时操作同层级的多个图形的顺序时，需要保证用户的意图能保留，不会被其他用户的操作覆盖丢弃，且所有用户最终的顺序是一致的。
前端西瓜哥
2024-01-10
148
0
这一次，彻底搞懵 CRDT
集合
模型
数据
数组
同步
CRDT，全称为 conflict-free replicated data type（无冲突复制数据类型），它是一种数据类型，或者说是方案，确保在网络中的不同副本最后数据保持一致的，可以用协同编辑领域。
前端西瓜哥
2024-01-03
257
0
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天，分 10000 元奖品池！
立即发文
Python精品学习库
代码在线跑，知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客，速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档