首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场

TopFE

专栏成员
510
文章
691135
阅读量
34
订阅数
有关字体,语言,字符编码相关的基础知识,询问chatgpt所得
学习这个知识点的背景是,我需要做一个 在canvas 上书写矢量文本的功能, 使用opentype来加载字体文件,并将内容转换为 svg,导入画布。 但是有些字体文件 是不包含 一些其他语言的字符的。就可能出现 “无效字符”。
拿我格子衫来
2025-04-25
630
图形编辑器基于Paper.js教程27:对图像描摹的功能实现,以及参数调整
我们知道要雕刻图片可以通过分析图片的像素来生成相应的gcode进行雕刻,但如果你想要将图片转换为线稿进行雕刻,这个时候就要从图片中提取出 线稿。 例如下面的图片:
拿我格子衫来
2025-04-22
1230
图形编辑器基于Paper.js教程26:如何在canvas上实现无线网格的功能,高性能,共用网格线
最近在重构TC的UI部分,新版的设计中有一个无限网格线的功能,简单理解就是你的画布上,每隔10px就有一条垂直线或水平线,参考 啄木鸟激光的 软件 LaserPecker 如下图:
拿我格子衫来
2025-04-15
920
图形编辑器基于Paper.js教程25:材料测试矩阵功能的实现
最近做了一个材料测试矩阵的需求,现在已经上线了,现在来回顾总结一下,有哪些做的好的,有哪些做的不好的。
拿我格子衫来
2025-03-18
660
图形编辑器基于Paper.js教程24:图像转gcode的重构,元素翻转,旋转
前段时间在雕刻图片时,旋转图片,翻转图片后,发现生成准确的gcode,虽然尺寸对,但是都是以没有旋转,没有翻转的图片进行生成的。后来思考了一下,发现这真是一个大bug,无论图片如何选择,翻转,我们获取图片的imgdata,都是摆正的。而且还是原始尺寸的图片。之前解析像素使用的是paperjs的的raster.getPixel(localX, localY) 这是非常不聪明的做法,因为每次都获取像素都是经过很多的计算。这个时候最好使用使用原生的获取像素的方式,获取imgdata,然后解析。
拿我格子衫来
2025-03-11
931
图形编辑器基于Paper.js教程23:调研在canvas上书写多行文本,分析fabricjs的IText类的实现
近期要重构矢量文本的功能,于是尽可能多的收集了这一类的功能实现,最后开始看fabricjs的文本书写的实现。于是阅读了一些源码,这里稍稍记录一下,一次阅读肯定吃不透它的所有实现。
拿我格子衫来
2025-02-18
960
图形编辑器基于Paper.js教程22:在图形矢量编辑器中,实现两个元素的差集,交集,并集,切割
像这种图形其实是基于相交的圆和矩形进行计算得出来的,这种操作大家一般叫做图形的布尔操作。 本片文章就教大家如何在图形编辑器中,实现 两个元素的差集,并集,合并,或者切割。
拿我格子衫来
2025-01-25
1100
图形编辑器基于Paper.js教程21:在画布中创建一个不随视图缩放的矩形,并固定在视图的位置,标尺功能的实现
在图形编辑器中,一般都会有标尺的功能,标尺工具,能够让用户建立清晰的坐标系,能够知道原点在那里,并且能够大致估算出,尺寸,距离,和当前光标所在的位置。 如下图标尺所在的位置:
拿我格子衫来
2025-01-22
1980
图形编辑器基于Paper.js教程20:有关图形编辑器中,选择工具的研究
当初做图形编辑器的时,技术选型选择了paperjs这个库,这也意味着很多东西需要自己写,其中最基础,最常用的功能就是选择工具,鼠标点击一个元素,将该元素选择。这是人们对选择工具最简单的理解。但是当你真正要去实现这样一个功能时,你就会发现,妈呀,这也太多细节了吧。做图形编辑器,很多人选择了fabricjs,因为这个库包含了非常多的基本常用工具,其中就是选择工具。没办法,当初选了paperjs这条不归路,很多东西都需要自己搭建,一点一点实现。在做图形编辑器时,选择工具的开发是我遇到的第一个困难,没有选择工具,后面的删除,移动,缩放,编辑元素,根本无从谈起。 下面就让我们一起来看一下如何开发一个选择工具。
拿我格子衫来
2025-01-15
1420
将画布元素生成gcode的流程迁移到 webworker的难点
目前的流程是有绝对坐标加工,有相对坐标加工。绝对坐标相对简单一些,因为每个元素的加工坐标都是绝对的,但是相对坐标的加工就依赖上一个元素,有时是依赖上一个图层。
拿我格子衫来
2025-01-15
760
图形编辑器基于Paper.js教程19:摄像头定位,鱼眼透视矫正,透视变换,工作区域裁剪
最近做了一个摄像头定位的功能,这个摄像头安装在激光雕刻机的顶部,使用方法就是对着雕刻区域拍照,然后将照片覆盖在画布上,这样创作的元素就与雕刻区域形成一个映射。比如你忘雕刻区域放了一个小圆盘,如果手动定位的话,会非常麻烦,这个时候就可以使用摄像头定位。
拿我格子衫来
2024-12-28
1180
图形编辑器基于Paper.js教程18:图片编辑器支持导入dxf文件,dxf文件解析,dxf文件转gcode
前几个月在图像编辑器中完成了导入dxf的功能,趁现在有点时间来总结一下这一功能的实现思路和难点。
拿我格子衫来
2024-12-28
1370
web 串口,js发送gcode时,可供选择的几种方式
在使用 JavaScript 通过串口与 ESP32 单片机通信时,可以选择不同的发送消息方式,根据具体应用场景和设备需求,常用的方式包括以下几种:
拿我格子衫来
2024-12-28
1270
在react app中使用 web worker的方案,基于 creat-react-app脚手架,并且webapck 为 5.x
拿我格子衫来
2024-12-28
1500
图形编辑器基于Paper.js教程17:图像转gcode前的处理,灰度,黑白,抖动
好久没有正经写博客了,前一段时间一直在备考中级项目管理,再加上项目开发只有自己一个人,每天忙的飞起。有闲暇时间也不想写,其中一部分原因也是因为很多简单问题,AI就能回答的很好。而对复杂的问题,也不是一两句话能够写清楚的。所以及时近期自己做了不少功能,能拿出来分享的也比较少。在这3个多月里,做了激光雕刻机的摄像头的定位,还有选择配件。 一个人做的真的累到要死,特别是团队里还没有能够理解自己的,攻克了一个难题也没有了什么成就感,你做出什么别人都觉得是正常的。
拿我格子衫来
2024-12-14
1580
web在线串口调试助手
在硬件开发过程中,串口调试是必不可少的环节。然而,传统的串口调试工具往往需要安装复杂的软件,并且受制于操作系统和设备的兼容性。为了解决这些痛点,我们推出了一款全新的在线串口调试工具 —— WebSerial Online,让串口调试变得更简单、更高效!
拿我格子衫来
2024-11-21
3590
图形编辑器基于Paper.js教程16:在Paper.js canvas画布中实现花贝塞尔曲线的功能,创建并编辑贝塞尔曲线,包括添加、删除曲线的节点,以及调整曲线的控制柄
在图形编辑中,贝塞尔曲线因其灵活的曲线控制而被广泛应用,特别是在设计软件和矢量绘图工具中。在本文中,我将深入解析一个基于 Paper.js 的交互式贝塞尔曲线编辑工具。通过这个工具,你可以在画布上创建并编辑贝塞尔曲线,包括添加、删除曲线的节点(称为“段”),以及调整曲线的控制柄(称为 handleIn 和 handleOut)。
拿我格子衫来
2024-11-21
1980
有关机器学习的数据处理,模型训练,模型保存,模型调用和结果预测 整体流程
这就是机器学习的整个流程。希望这个详细的介绍能帮助你理解如何从头到尾进行模型训练和应用。如果你有具体的实现问题或需要更多细节,请随时告诉我!
拿我格子衫来
2024-10-24
7410
一体化单点注册与登录解决方案:基于Ragflow与毕昇的创新产品原型
在当前数字化转型的大潮中,企业对于系统集成的需求日益增长。企业往往依赖多个系统来完成不同的业务需求,但在多个系统中切换账号、重复登录成为了用户体验的痛点。为了应对这一挑战,我们开发了一款基于开源项目 Ragflow 和 毕昇 的创新产品原型,完美整合了单点注册与单点登录功能,简化了用户的操作流程,提升了系统的工作效率和用户体验。
拿我格子衫来
2024-10-15
7510
基于Segment Anything 模型的智能抠图开发的产品原型,基于官网案例升级改造
最近在研究图像处理的过程中,接触到了Mate开源的 Segment Anything模型,花点时间研究了一番,之前也写了一篇部署模型的教程,感兴趣的同学可以查看一下之前的文章 基于丹摩DAMODEL部署Segment Anything 模型,智能分割一切图片
拿我格子衫来
2024-10-15
1110
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档