腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
前端西瓜哥的前端文章
专栏成员
举报
148
文章
110475
阅读量
26
订阅数
订阅专栏
申请加入专栏
全部文章（148）
编辑器（40）
网站（36）
开发（31）
算法（29）
渲染（26）
前端（26）
编程算法（24）
react（21）
工具（18）
对象（15）
数据（15）
javascript（11）
开源（10）
数组（10）
github（9）
设计（9）
css（8）
git（8）
http（8）
node.js（7）
typescript（7）
网络安全（7）
https（7）
字符串（7）
json（6）
缓存（6）
同步（6）
point（5）
函数（5）
基础（5）
事件（5）
vue.js（4）
html（4）
ide（4）
api（4）
命令行工具（4）
容器（4）
安全（4）
数据结构（4）
transform（4）
width（4）
遍历（4）
变量（4）
客户端（4）
浏览器（4）
索引（4）
拖拽（4）
打包（3）
eslint（3）
es（3）
height（3）
math（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）
hex（2）
return（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）
leetcode（1）
mutable（1）
path（1）
polygon（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）
搜索文章
搜索
搜索
关闭
贝塞尔曲线算法：求 t 在三阶贝塞尔曲线上的点、切向量、法向量
point
return
前端
算法
优化
我们有 p1（锚点 1）、cp1（控制点 1）、cp2（控制点 2）、p2（锚点 2） 表示的一条三阶贝塞尔曲线，给定曲线参数 t，求其对应的点位置，以及这个点的切向量和法向量。
前端西瓜哥
2024-07-31
101
0
平面几何：求直线线段的轮廓线
渲染
width
基础
前端
算法
求线段的法向量，乘以线宽的一半，得到位移向量。然后让线段的两个点分别做两个方向的位移，得到多边形的 4 个顶点，将它们按照一定顺序连接起来得到多边形，这个多边形就是我们要求的轮廓多边形。
前端西瓜哥
2024-07-31
74
0
LeetCode 几何算法题解：223-矩形面积
变量
开发
算法
leetcode
编辑器
一年多没做 LeetCode 算法题了，最近在 LeetCode 发现可以筛选出有 “几何” 标签的算法题，有个几十道题。
前端西瓜哥
2024-07-22
89
0
图形编辑器开发：实现选中图形的水平翻转和垂直翻转
数学
编辑器
工具
开发
前端
选中图形如果是单个，我们 选择图形的 OBB （带朝向的包围盒）的中点位置作为翻转中心。
前端西瓜哥
2024-07-12
88
0
Figma，你都复制了些什么东西？
字符串
编辑器
数据
数据类型
数组
我以前其实有想过解析复制的数据，只是没太大动机，后面也忘了。既然有人问，那我就顺手解析一下吧。
前端西瓜哥
2024-07-12
99
0
吸附设计：学会正确地贴贴
编辑器
对象
排序
设计
算法
本文将介绍图形编辑器中吸附系统中，各种吸附类型的吸附逻辑和算法实现，让大家对吸附有一个概念。
前端西瓜哥
2024-07-12
82
0
个人开源图形编辑器 Suika 2024 年三季度计划
渲染
开源
编辑器
工作
算法
目前界面又进化了一点。star 数也多了一点，三个月来从原来的 249，涨了 160，现在是 409。
前端西瓜哥
2024-07-12
74
0
浏览器没有鼠标连击事件，那我们自己造
浏览器
前端
事件
数组
编辑器
如果当前处于没有选中图形的状态，对于最顶层的组，对它们的直接子图形数组从上往下遍历，找出命中 hitTest 的图形，将其设置为选中状态。
前端西瓜哥
2024-06-27
89
0
Figma 的编组功能，比你想象的要复杂得多
渲染
编辑器
对象
开发
数组
最近做个人的开源编辑器项目，实现了和 Figma 一样的编组功能，期间踩了不少坑，和大家分享一下。
前端西瓜哥
2024-06-17
168
0
在两条直线相交处添加圆角，算法该如何实现？
渲染
point
return
前端
算法
然后基于圆心作两条直线的垂足得到两个点，这两个点就是圆弧起点和终点，然后确定方向就可以了。
前端西瓜哥
2024-06-17
101
0
你知道吗？圆弧有3种表达方式
渲染
math
函数
前端
调试
所以我们在原来圆形的圆心、半径参数的基础上，加上极坐标弧度表示的起点和终点，就能表达一段圆弧。
前端西瓜哥
2024-06-03
156
0
简简单单实现画笔工具，轻松绘制丝滑曲线
工具
浏览器
事件
算法
拖拽
首先是监听按下鼠标，我们记录好此时鼠标的位置，作为路径的起点，并记录此时是 “拖拽状态”。
前端西瓜哥
2024-06-03
119
0
平面几何：判断点是否在多边形内（射线法）
遍历
变量
前端
算法
原理
之前我们讲解了如何利用叉乘 判断点是否在凸多边形内。但该算法限制较大，多边形必须为凸多变形。
前端西瓜哥
2024-05-22
254
0
图形编辑器开发：网格与网格吸附
编辑器
开发
配置
前端
渲染
考虑到性能，我们 只绘制视口范围内的网格线。其他超出的部分不同绘制出来。因为是重复图案（可以视作两条线组成的 L 形的平铺），可以考虑用纹理平铺渲染以提高性能。
前端西瓜哥
2024-05-15
171
0
平面几何：判断点是否在凸多边形内
polygon
遍历
前端
数组
算法
在之前的 求两向量的夹角的文章 中我提到过，对于两个向量，我们可以利用叉积的符合右手定则，判断两个向量的位置关系。
前端西瓜哥
2024-05-15
138
0
图形编辑器开发：基于 transfrom 对多个图形进行缩放
height
transform
width
编辑器
开发
上篇文章我们讲解如何基于 transform 缩放但个矩形，实现了 resizeRect 方法。
前端西瓜哥
2024-05-07
115
0
图形编辑器开发：基于 transfrom 的图形缩放
开发
height
transform
width
编辑器
上一篇文章我们讲了为什么以及如何用 transform、width 和 height 表达图形。
前端西瓜哥
2024-04-28
157
0
图形编辑器开发：为什么我选择用 transform 矩阵表达图形的变形？
编辑器
基础
开发
算法
transform
改用 transform 表达图形的变形，并废弃掉了原来的 rotation、x、y 属性。
前端西瓜哥
2024-04-28
134
0
图形编辑器开发：钢笔工具的实现
工具
开发
渲染
path
编辑器
像是 SVG 的 Path 的元素，单段的线有直线、圆弧、椭圆弧、二阶贝塞尔曲线、三阶段贝塞尔曲线等。
前端西瓜哥
2024-04-19
102
0
关于包围盒，你需要知道的那些事
编辑器
开发
前端
算法
渲染
实际上包围形状的图形某些情况下会使用多边形（凸包、凹包）或是圆形或是其他，不仅限于矩形的更泛用的叫法应该是 “包围体”（bounding volume）。
前端西瓜哥
2024-04-03
287
0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪，探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑，知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客，速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档
