首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端西瓜哥
掘友等级
公众号:前端西瓜哥
工作和图形编辑器相关。最新最快文章欢迎关注我的公众号
获得徽章 24
动态
文章
专栏
沸点
收藏集
关注
作品
赞
244
文章 243
沸点 1
赞
244
返回
|
搜索文章
最新
热门
图形编辑器:类 Figma 所见即所得文本编辑(2)
大家好,我是前端西瓜哥。 之前给我的图形编辑器加上了文本编辑功能。 详见文章:《图形编辑器:基于 canvas 的所见即所得文本编辑》 最近在这个基础上陆陆续续又加了点新功能。主要是: 引入 open
在想选中框和属性面板的事情
PM 看到产品 A 的 a1、a2 功能,又看到产品 B 的 b1、b2 功能。 最后他会说,我要 a1 和 b2,再加个自创的 c3,于是我们得到一个五彩斑斓的黑。 回到正题,我们看看不同主流软件的
Suika图形编辑器的文字支持手动换行了
之前引入了 opentype.js 库做字体解析,有了这个打底的话,就可以快乐地做一些简单文字排版功能了。 周末努了把力,给 Suika 图形编辑器加上了 手动回车换行 的支持。 解除了之前只能输入一
平面几何:如何绘制一个星形?
大家好,我是前端西瓜哥。 也是有一个月没写文章了。主要是 AI 太强了,简单的东西已经没有写的必要的,复杂的不好写。但多少还是要写点。 今天我们来绘制 Figma 的星形。 星形的绘制,比较简单,其实
Figma 协同编辑是如何做用户状态同步的?
大家好,我是前端西瓜哥。 在协同编辑中,同步用户状态是必不可少的功能。通过感知到其他用户的状态,我们可以有意识地避免操作同一个对象,导致冲突和相互覆盖。 下面我们看看 Figma 是怎么进行用户状态的
图形编辑器开发:使用 opentype.js 解析字体并渲染文本
大家好,我是前端西瓜哥。 前段时间将图形编辑器的文字渲染做了下改造。 原来的文字渲染使用的是 Canvas 2d 的 fillText 方法,现在改成了用 opentype.js 解析字体获取字形(g
常用的两种填充策略:fit 和 fill
大家好,我是前端西瓜哥。 我们经常需要将图形放到到特定的矩形容器中,常用的的有两种策略:fit 和 fill。 fit fit,合身、适应、匹配之意。 也有些地方叫做 contain(比如 CSS),
平面几何:多边线光滑化处理
大家好,我是前端西瓜哥。 今天来看看如何对多边线进行光滑处理。 多边线光滑化,指的是提供一个多边形和圆角半径值,将多边线的角点转换为圆弧,如下图所示。 image-20251012165457385
3D 图形:threejs 初识之渲染个立方体
大家好,我是前端西瓜哥。 今天我们来学习三维渲染。 这里需要选定一个三维渲染引擎,这里选择最流行的 threejs。 threejs 是什么 threejs 是一个 javascript 的 3D 库
图形编辑器开发:基于矩阵的画布缩放和移动实现
大家好,我是前端西瓜哥。 最近在给我的开源图形编辑器 suika 做多 page 功能,需要记录每个 page 的视口信息,在切换 page 的时候进行复原。 发现原来的视口管理功能写的不好,于是顺便
下一页
个人成就
文章被点赞
3,004
文章被阅读
556,295
掘力值
18,532
关注了
58
关注者
1,079
收藏集
23
关注标签
19
加入于
2017-01-30