首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端西瓜哥
掘友等级
公众号:前端西瓜哥
工作和图形编辑器相关。最新最快文章欢迎关注我的公众号
获得徽章 24
动态
文章
专栏
沸点
收藏集
关注
作品
赞
239
文章 238
沸点 1
赞
239
返回
|
搜索文章
前端西瓜哥
@公众号:前端西瓜哥
·
8天前
关注
图形编辑器:基于 canvas的所见即所得文本编辑
大家好,我是前端西瓜哥。 前段时间给我的 suika 图形编辑器重写了文本编辑功能,基本支持了所见即所地编辑文本了,这篇文章总结一下实现这个功能需要做的一些工作。 简单演示...
7
评论
分享
前端西瓜哥
赞了这篇文章
张亚涛
前端技术负责人 @百度
·
9天前
关注
基于Figma的D2C插件实现
Figma 是目前最成功的矢量图形编辑工具之一,它提供了基于web形式的图形编辑界面,让用户不需要额外安装或下载工具即可直接共享、协作和编辑其图形内容。分享下Figma的插...
3
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
21天前
关注
如何将一条贝塞尔曲线拆分为两条贝塞尔曲线?
大家好,我是前端西瓜哥。 图形编辑器中,我们有时候希望在 path 中微调一条曲线,在中间新增一个锚点,然后调整这个锚点和它的控制点。 为了实现这个功能,我们需要实现算法:...
1
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
22天前
关注
二阶贝塞尔曲线,如何升阶为三阶贝塞尔?
大家好,我是前端西瓜哥。 很多图形编辑器实现路径 path 编辑,**只会用三阶贝塞尔和直线来表达**。 不用二阶贝塞尔曲线,因为它相比三阶贝塞尔曲线,表达不够灵活自由,表...
1
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
23天前
关注
对 CanvasKit 布尔运算做简单测试
大家好,我是前端西瓜哥。 布尔运算是相当复杂的算法,需要考虑各种各样的图形,并匹配不同的布尔模式,有相当多的边缘场景。 通常我们需要找一些算法库或图形库,用里面的布尔算法进...
1
评论
分享
前端西瓜哥
赞了这篇文章
愚坤秦少卫
web前端 @北京迅单科技有限公司
·
26天前
关注
独立开发者 5 个月,月收入赶超北京工资,我的一点心得
今年 5 月份从北京离职做独立开发,最近几个月的收入慢慢赶超了北京的工资,把自己的一点点心得分享出来。...
152
63
分享
前端西瓜哥
@公众号:前端西瓜哥
·
28天前
关注
Canvaskit 中矩阵的使用
大家好,我是前端西瓜哥。 canvaskit 类似 Canvas 2D,会维护画布的 当前矩阵(current matrix),之后通过 drawXx 渲染图形时,会应用这...
1
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
如何用三阶贝塞尔曲线拟合圆形、椭圆、任意圆弧?
大家好,我是前端西瓜哥。 有些图形软件,其底层是以贝塞尔样条曲线为原始图形(primitives),也就说它就只支持渲染贝塞尔曲线,数据层的其他图形(比如圆)的表达,...
2
4
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
canvaskit 高级功能:布尔运算
大家好,我是前端西瓜哥。 这篇文章简单过一下 canvaskit 的高级功能,布尔运算。 用法 canvaskit 支持布尔运算,用法是创建两个 path 对象 path1...
1
2
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
Canvaskit 入门,绘制基本图形
大家好,我是前端西瓜哥。 本文介绍 canvaskit 的简单用法,如何绘制几种基本图形,对 canvaskit 做一个简单入门。 canvaskit 是 skia 的 w...
3
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
产品设计:Figma 中看似简单的选中交互
大家好,我是前端西瓜哥。 因为在做开源的 suika 图形编辑器,交互参考了 Figma,所以我总结了 Figma 的选中交互设计。 点选 按下鼠标,此时有多种场景。 1、...
2
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
矩阵分解:pixijs 中的 Matrix 和 Transform
大家好,我是前端西瓜哥。 在二维中,对于图形(模型),它会有一个模型矩阵 matrix 来表达图形的形变。 比如图形先做了缩放,然后再位移,则模型矩阵为缩放矩阵左乘位移矩阵...
1
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
Web 端图形渲染方案这么多,到底该选哪一种?
我西瓜。 今天过一下 Web 图形渲染的各种方案。 渲染方案 Web 端的图形渲染的方案有 4 种,分别为: HTML + SVG Canvas 2D WebGL WebG...
5
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
常用的字体标准有哪些?
大家好,我是前端西瓜哥。 今天我们来简单了解一些常用字体标准。 字体发展简史 不过首先我们简单过过桌面字体的发展历史。 在很久前,桌面排版使用的是点阵图,不支持所见即所得,...
赞
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
opentype.js 使用与文字渲染
大家好,我是前端西瓜哥。 opentype.js 是一个 JavaScript 库,支持浏览器和 Node.js,可以解析字体文件,拿到字体信息,并提供一些渲染方法。 虽然...
18
3
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
AutoCAD 图形实体的属性(1)
大家好,我是前端西瓜哥。 我整理了一下 AutoCAD 实体的常用几何属性。 属性基于实体的特性面板,并做一定调整尽量贴合数据层(接近 dwg 图纸),但不保证完全一致。 ...
赞
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
1月前
关注
用 Pixi.js 写 WebGL
大家好,我是前端西瓜哥。 之前我们 用原生的 WebGL 绘制图形,会发现调用的 API 和参数都很多很冗余,对此我们可以考虑用 pixi.js 来写 WebGL。 pix...
1
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
2月前
关注
如何让线宽不管怎么缩放画布,都保持渲染为 1px
大家好,我是前端西瓜哥。 本文讲解如何实现画布缩放后线宽(strokeWIdth)保持为 1px。 我们需要的效果 画布缩放,就是用滚轮放大或缩小整个画布,会导致画布中的图...
2
2
分享
前端西瓜哥
@公众号:前端西瓜哥
·
2月前
关注
使用 yjs 给图形编辑器加上多人协同编辑功能
今天我们来简单了解如何 给图形编辑器加上多人协同编辑功能。 多人协同,需要一种协同编辑算法,有 OT 和 CRDT 两种主流算法。 OT 涉及算法比较复杂难懂,且泛用性和扩...
3
评论
分享
前端西瓜哥
@公众号:前端西瓜哥
·
2月前
关注
贝塞尔曲线算法:求贝塞尔曲线和直线的交点
大家好,我是前端西瓜哥。 今天我们来实现求三阶贝塞尔曲线和直线交点的方法。 方法需要接收的参数为: 三阶贝塞尔曲线的 4 个点; 直线的 2 个点。 返回结果为交点集合,和...
4
评论
分享
下一页
个人成就
文章被点赞
2,784
文章被阅读
442,004
掘力值
17,239
关注了
58
关注者
934
收藏集
23
关注标签
19
加入于
2017-01-30