前端西瓜哥

大家好，我是前端西瓜哥。 前段时间将图形编辑器的文字渲染做了下改造。 原来的文字渲染使用的是 Canvas 2d 的 fillText 方法，现在改成了用 opentype.js 解析字体获取字形（g

大家好，我是前端西瓜哥。 我们经常需要将图形放到到特定的矩形容器中，常用的的有两种策略：fit 和 fill。 fit fit，合身、适应、匹配之意。 也有些地方叫做 contain（比如 CSS），

大家好，我是前端西瓜哥。 今天来看看如何对多边线进行光滑处理。 多边线光滑化，指的是提供一个多边形和圆角半径值，将多边线的角点转换为圆弧，如下图所示。 image-20251012165457385

大家好，我是前端西瓜哥。 今天我们来学习三维渲染。 这里需要选定一个三维渲染引擎，这里选择最流行的 threejs。 threejs 是什么 threejs 是一个 javascript 的 3D 库

大家好，我是前端西瓜哥。 最近在给我的开源图形编辑器 suika 做多 page 功能，需要记录每个 page 的视口信息，在切换 page 的时候进行复原。 发现原来的视口管理功能写的不好，于是顺便

大家好，我是前端西瓜哥。 图形编辑器算是 Web 前端开发领域的其中一个天花板了。 对于功能复杂的图形编辑器，经过迭代多年，几十多模块互相关联，包含各种细碎的业务细节，复杂度足够高。 实现过程中要在设

大家好，我是前端西瓜哥。 经常用 pixijs 的小伙伴或许注意到了，在 pixijs 下绘制多边形并使用填充，在很多情况下渲染是正确的，如果多边形是自交的，填充就会有问题。 我们写一段 pixijs

大家好，我是前端西瓜哥。 圆角矩形，其实就是在矩形的基础上在四个角上加上 4 个圆角。 属性上相比矩形多了名为 cornerRadius 属性。 在 CSS 中，这个属性叫做 border-radiu

大家好，我是前端西瓜哥。 今天讲解钢笔工具的新增锚点，和删除并连接锚点的实现。 新增锚点（insert），指的是在 path 的一条三阶贝塞尔曲线上，基于某个位置使曲线一分为二，新增锚点后设计师可进行