图形编辑器基于Paper.js教程24:图像转gcode的重构,元素翻转,旋转

devtools/2025/3/11 6:59:45/

前段时间在雕刻图片时,旋转图片,翻转图片后,发现生成准确的gcode,虽然尺寸对,但是都是以没有旋转,没有翻转的图片进行生成的。后来思考了一下,发现这真是一个大bug,无论图片如何选择,翻转,我们获取图片的imgdata,都是摆正的。而且还是原始尺寸的图片。之前解析像素使用的是paperjs的的raster.getPixel(localX, localY) 这是非常不聪明的做法,因为每次都获取像素都是经过很多的计算。这个时候最好使用使用原生的获取像素的方式,获取imgdata,然后解析。

经过两个星期的奋战,最终重构了完成了,具体做法就是使用raster的变换矩阵参数,来生成一个高保真的图片。这个图片的内容会可能会被旋转,也会被填充一些空白。

然后再使用一个类似取样的算法,每隔0.1取一个像素,这个0.1要根据原图片与缩放后的图片的比例进行转换。x与y都需要转换,这个过程很像使用canvas压缩图片。将1000* 1000的图片转换为100* 100。

在这里插入图片描述

最近也加上了元素的翻转,和使用输入框对选中的元素进行旋转。

有个比较坑的地方,就是 paperjs的元素默认没有记录旋转角度。想要旋转角度,需要将applyMatrix设置为false。但你会发现,设置false后,元素的真正位置是通过很多属性叠加确定的,这个时候你再直接使用元素的位置,是完全不正确的。坑死…而且变换矩阵里也没有存储当前元素的旋转角度。没办法旋转角度就先做成 相对角度的旋转。你在角度输入框输入45度,进行旋转,再输入45度进行旋转,就会旋转90度。

其中翻转 功能比较简单
左右翻转,上下翻转核心就两个api
item.scale(1, -1, new paper.Point(centerX, centerY));

item.scale(-1, 1, new paper.Point(centerX, centerY));

最有又优化了一些 dxf文件的解析,在dxf中,spline这个元素,有可能是2次贝塞尔曲线,之前一直都当作了3次贝塞尔曲线。需要根据dxf中的变量进行动态确定是二次还是三次。

距离上一次写博客已经过了20多天,很久了,其实有很多要写的,但是无奈 实在太忙啦。前段时间梳理了今年要做的事情,唉,那真是的没法说,累死牛马也做不完。更别说还有很多细节需要时间去处理。

还是那句话,再忙也不能忘记提升自己,为自己而努力。这段时间除了工作上忙,下班了还要教资备考。终于在3.8号考试了,放松一下。教资考试,自第一次考试后,搁置了两年,眼看着考过的那一门成绩要过期了,才想起来冲一下,补考剩下的一门,这门考过了,还需要面试通过才能拿到教资证,虽然过程很漫长,也很忙碌,没关系,一步一步走就好啦。千里之行,始于足下。


http://www.ppmy.cn/devtools/166216.html

相关文章

STM32项目分享:STM32智能窗户

目录 一、前言 二、项目简介 1.功能详解 2.主要器件 三、原理图设计 四、PCB硬件设计 PCB图 五、程序设计 六、实验效果 七、资料内容 项目分享 一、前言 项目成品图片: 哔哩哔哩视频链接: STM32智能窗户 (资料分享见文末&…

Manus无需邀请码即可使用的平替方案-OpenManus实测

文章目录 Manus 简介核心定位技术架构核心特点应用场景性能表现用户体验发展计划OpenManus技术架构与设计理念核心功能特性应用场景案例与闭源Manus的差异对比安装使用与实战演示执行过程记录简单案例-快速写一个helloworld的java程序复杂案例-分析特斯拉汽车近三年财务数据并生…

大模型Transformer的MOE架构介绍及方案整理

前言:DeepSeek模型最近引起了NLP领域的极大关注,也让大家进一步对MOE(混合专家网络)架构提起了信心,借此机会整理下MOE的简单知识和对应的大模型。本文的思路是MOE的起源介绍、原理解释、再到现有MOE大模型的整理。 一…

C++:入门详解(关于C与C++基本差别)

目录 一.C的第一个程序 二.命名空间(namespace) 1.命名空间的定义与使用: (1)命名空间里可以定义变量,函数,结构体等多种类型 (2)命名空间调用(&#xf…

Spring组件实例化扩展点:InstantiationAwareBeanPostProcessor

目录 一、什么是InstantiationAwareBeanPostProcessor&#xff1f;二、核心方法解析1、postProcessBeforeInstantiation(Class<?> beanClass, String beanName)2、postProcessAfterInstantiation(Object bean, String beanName)3、postProcessProperties(PropertyValues…

jenkins配置k8s结点

jenkins配置k8s结点 前言 jenkins安装有kubernetes插件&#xff0c;并且我的是jenkins就是部署在k8s中的 配置流程 进入 Dashboard > 系统管理 > 节点管理 > Configure Clouds 页面 选择类型为k8s结点类型进入页面 https://kubernetes.default这里测试一下连接保…

Redis篇:基础知识总结与基于长期主义的内容更新

基础知识总结 和计网以及 MySQL 相似&#xff0c;同样是花费了一周左右的时间&#xff0c;我根据 csview 提供的面试题整理了 Redis 部分的八股文&#xff0c;主要包括&#xff1a;概述、数据结构、持久化、应用、集群等。上述内容总共通过七篇文章进行总结&#xff0c;每篇文…

Unicorn里面一些问题(面试题)

高质量文章参考&#xff1a;https://bbs.kanxue.com/thread-266377.htm 1. Unicorn 的基本概念 问题&#xff1a;请简要介绍 Unicorn 框架及其主要功能。 回答&#xff1a; Unicorn 是一个轻量级的模拟执行框架&#xff0c;支持多种指令集架构&#xff0c;包括 ARM、ARM64、…