首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端西瓜哥
掘友等级
公众号:前端西瓜哥
工作和图形编辑器相关。最新最快文章欢迎关注我的公众号
获得徽章 24
动态
文章
专栏
沸点
收藏集
关注
作品
赞
243
文章 242
沸点 1
赞
243
返回
|
搜索文章
最新
热门
图形编辑器开发:使用 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 的时候进行复原。 发现原来的视口管理功能写的不好,于是顺便
图形编辑器开发的一些坑
大家好,我是前端西瓜哥。 图形编辑器算是 Web 前端开发领域的其中一个天花板了。 对于功能复杂的图形编辑器,经过迭代多年,几十多模块互相关联,包含各种细碎的业务细节,复杂度足够高。 实现过程中要在设
pixijs 的填充渲染错误,如何处理?
大家好,我是前端西瓜哥。 经常用 pixijs 的小伙伴或许注意到了,在 pixijs 下绘制多边形并使用填充,在很多情况下渲染是正确的,如果多边形是自交的,填充就会有问题。 我们写一段 pixijs
平面几何:如何实现圆角矩形转路径?
大家好,我是前端西瓜哥。 圆角矩形,其实就是在矩形的基础上在四个角上加上 4 个圆角。 属性上相比矩形多了名为 cornerRadius 属性。 在 CSS 中,这个属性叫做 border-radiu
图形编辑器开发:钢笔工具新增和删除并连接锚点
大家好,我是前端西瓜哥。 今天讲解钢笔工具的新增锚点,和删除并连接锚点的实现。 新增锚点(insert),指的是在 path 的一条三阶贝塞尔曲线上,基于某个位置使曲线一分为二,新增锚点后设计师可进行
平面几何:三点确定唯一圆弧
大家好,我是前端西瓜哥。 之前我们实现了三点求圆的算法,这次我们加一点强度,实现 三点求圆弧 算法。 示例演示 https://codesandbox.io/p/sandbox/wwd393 实现思路
下一页
个人成就
文章被点赞
2,988
文章被阅读
539,140
掘力值
18,320
关注了
58
关注者
1,069
收藏集
23
关注标签
19
加入于
2017-01-30