知无涯

WebGL基础知识与GLSL入门 本文介绍了WebGL的基本概念及其与OpenGL的关系，解释了WebGL的组成结构（JavaScript、GLSL、Canvas）和两种核心着色器（顶点着色器、片段着色器）。文章详细说明了GLSL语言的基本数据类型（浮点、整数、向量、矩阵等）和常用内置函数（向量运算、数学计算、纹理采样等），并提供了简单的着色器代码示例。此外，还对比了WebGL 1.0和2.0的区别，指出WebGL调试困难的原因在于CPU与GPU的严格通讯机制。这些基础知识为理解WebGL渲染流程和编写着色

本文介绍了一个浏览器插件的开发过程，该插件用于解决上位机与局域网设备在HTTPS环境下通讯的问题。由于浏览器限制，上位机无法直接访问设备的HTTP/WebSocket服务，因此采用插件作为数据中转。文章详细说明了技术方案的选择和优化过程，从最初的三方通讯架构简化为更高效的实现方式。特别提到处理文件上传和解决background.js运行时长限制等关键难点。最后强调了技术方案选择的重要性，建议开发者全面了解相关技术文档以避免潜在问题。这个方案最终实现了上位机与设备的稳定通讯，同时保证了良好的可扩展性。

本文对比了四种误差扩散抖动算法（Floyd-Steinberg、Stucki、Jarvis-Judice-Ninke、Atkinson）的关键特性。从噪点表现看，Jarvis最平滑，Atkinson保留高频细节但颗粒感明显；扩散范围上，Floyd计算量最小（4邻域），Jarvis/Stucki更精细（12邻域）。激光雕刻场景中，Floyd适合高速雕刻，Jarvis可防材料灼烧，Atkinson具有艺术化效果。综合建议：肖像用Jarvis/Stucki，艺术效果选Atkinson，文字/LOGO用Floyd，

本文介绍了使用fabric.js实现图像编辑功能的技术方案。作者选择利用fabric.js内置的丰富滤镜功能，并详细解析了自定义滤镜的实现方法。文章重点分析了WebGL滤镜的工作原理，通过GLSL着色器语言实现GPU加速处理，并提供了创建二值化滤镜的完整代码示例。此外，还介绍了颜色矩阵滤镜的实现方式，展示了fabric.js在图像处理方面的高效性和灵活性。作者通过实际案例，分享了从技术调研到具体实现的经验总结。

时，虽然保留了变换信息（旋转、缩放），但几何数据（如路径点）的坐标是相对于本地坐标系的。如果直接读取这些坐标，它们没有经过变换矩阵的转换，因此位置不准确。属性控制变换矩阵（平移、旋转、缩放等）的应用方式。它的行为对元素的坐标系统和属性访问有深远影响。时，需手动应用变换矩阵到本地坐标，才能得到准确的世界坐标。和手动坐标转换，可以同时保留变换信息并获取准确的位置数据。在 Paper.js 中，

Unicode 是一个全球字符集标准，目的是为所有语言中的所有字符分配一个统一的编码。它把字符按照功能、语言或书写系统划分为“区段”，每个区段就是一个Unicode 范围。Unicode 范围字符示例用途A-Z, a-z拉丁基本字母А-Я, а-я西里尔字母（俄语、乌克兰语等）中、国、文常用汉字Α, β, γ希腊字母À, ç, ñ拉丁扩展-A（法语、西语等变音）😀, 😢Emoji所以你不需要按“语言”去处理字体，而是按“字符属于哪个 Unicode 范围”来选对应字体。✅。

通过合理地选择发送方式和容量控制手段，可以确保消息传递的可靠性和系统的稳定性。如果你需要实现更复杂的协议，推荐使用。或者 JSON 格式来结构化消息内容，并附加长度信息以供接收端验证。

最近体验了一下lightburn的摄像头辅助定位， 在使用摄像头进行定位时，你需要先校准相机镜头，然后在校准相机对齐，由于我们上位机后续也需要类似的功能，所以就需要先抽时间预研一下，以便后续开张工作。先说一下校准相机镜头，这一步做的目的是将相机拍的照片进行处理，如果相机拍的比较斜，或者那种鱼眼相机，拍的照片是中间被放大，四周被压缩。类似下面的。在这一步我们需要将其处理成正常的二维平面。恢复成下面这样子。这就是这一步的目的，将变形的图片处理成正常的，以便后续建立坐标系，其他流程的处理。废话不多

最近要做一个位图转矢量图的功能，设计到png，jpg等位图的图像处理算法应用。于是分析一下友商的开源软件，Snapmaker Luban。组件被两个组件引用，如下图，我们要找的是LaserVisualizer下的。主要是图片导入的工具，跟踪选中图片会，代码都是怎么处理的。参数定义了能够导入的文件类型，也是从父级组件传下来的。找一下他的父级组件，搜了一下，父级组件叫做。当上传png图片后， 触发上游的函数。参数 也是从上游传下来，我们就找。导入图片的工具图片是定义在。该函数是从父级组件传下来的，

如果您的硬盘失败或出售了电脑，我们可以为您从许可证中移除电脑，只要我们有您的许可证密钥。如果您是从另一家公司购买了您的LightBurn许可证，我们需要将您的名字和电子邮件与您的许可证密钥关联。如果您下载了在您的许可证过期后发布的软件版本，它将不会工作，但在密钥过期之前发布的任何版本将继续工作。续订您的许可证将从今天起增加一年的更新。许可证允许您同时在最多三台电脑上使用软件，这些电脑不必使用相同的操作系统，如果您获得了新电脑，许可证可以轻松转移。如果您出售您的激光器并希望连同它出售您的许可证，这是允许的。

这段代码基本上描述了一个矩形的切割路径，从 (10.943, 10.5) 开始，首先沿 Y 轴到 (10.943, 48.676)，然后沿 X 轴到 (59.057, 48.676)，接着回到 Y 轴的起始点，最后沿 X 轴回到开始点，形成一个矩形切割轮廓。: 以 6000 毫米/分钟的速度，激光功率为 20%（S200，根据设备的配置，S值范围可能不同）沿 Y 轴线性移动到 48.676 的位置进行切割。: 又一个注释，指出这段代码是为使用GRBL固件的设备准备的，并且使用的是绝对坐标系统。

竞品软件调研 lightburn，xtool，snapmark，bambu studio，cricut，laserpecker，wecreate make it，beam studio。后面不忙的时候，我也会好好整理这段时间学习到的，做的东西，遇到的坑，给大家分享出来。基于paper+ react 实现了一个基本的矢量图编辑器。3月份之所以产出比较少，是因为时间都花在学习和工作上了。抓住3月份的尾巴，简单写一篇月度总结。开源Grbl_Esp32。svg转gcode的生成。学习的内容包括但不限于。

改造前，每次修改文件保存后都要刷新一下浏览器。这个库，记住socket支持多端热更新，并且也支持将当前目录或当前目录的特定文件 放到web server中 启动。最近在做一个demo，只有一个html页面，需要开启一个https web server，以此来实现在浏览器中访问。将第一次选择的串口信息保存到本地，下次进入程序，自动链接不就得了嘛。由于我的html demo需要与串口进行通信，所有使用程序前都需要选择串口，如下图。的nodejs库，可以将当前目录当作web服务的根目录启动。支持https访问。