​本编辑器（土豆猫图形编辑器）社区版代码已开源，开源库地址：https://gitee.com/longhan13/lgxmap_community.git本文暂时中断前面章节的代码框架讲解，先讲解一下本编辑器所使用的坐标变换方法及涉及的相关代码，是本编辑器基础的基础。本编辑器所使用的坐标系为右手坐标系，既X正向水

​本编辑器（土豆猫图形编辑器）社区版代码已开源，开源库地址：https://gitee.com/longhan13/lgxmap_community.git从此章节开始，后续开始讲代码框架、关键模块代码、数学工具（向量、矩阵），感兴趣的朋友最好把代码下载下来，对着代码来阅读文章更有助于理解。本文开始讲解前端代码框架。n

本文将作为连载，陆陆续续把本人最近几年来利用业余时间开发的一个通用的网页版通用二维图形编辑器的开发过程完整写出来，供同学爱好者互相学习、交流图形技术使用。前端使用vue+javascript+canvas，后端springboot+mybatis。本编辑器的功能95%都是在前端实现，后端只是做简单的数据