记录开发中的一些心酸及所得，码农的幸福感很简单，做出点小东西就有丢丢成就感...
接触前端技术也是18年底的事，但用前端技术开发过的项目不是很多，最近花了点时间，开发了一个实拍图与摄相头自动合成软件, 用的前端相关的技术栈，前段技术开发用的的确爽，但是坑也不少，少不了google搜索折腾一番，但是只要专心研究，问题最终还是可以得到解决的
软件名称：
实拍图与摄相头自动合成软件
软件背景：
手机壳淘宝店上货，需要提前处理好主图，suk，详细页三类图片。通常情况下，卖家会准备好实拍图，实拍图是真实拍摄的，拍摄好之后，还需要把摄相头与实拍图通过photoshop调整好位置，然后导出。
对于淘宝卖家，摄相头型号可能有几百个，每个型号的摄相头都可能需要上链接，要上多少型号摄相头，就需要重复去ps多少套图片，工作重复性极高，又非常耗时。
有没有办法做到只调整一个摄相头，其它摄相头自动生成导出呢？基于此需求，在经过分析研究后，实拍图与摄相头自动合成软件迎运而生。
软件功能
一套实拍图，只需把一个摄头位置调整好，其它摄相头就不用重复调整位置，软件自动会根据第一个调好的摄相头位置自动调整生成导出图片，从而避免繁琐的重复性工作，节约时间和人力成本。
1：素材基础设置，配置好摄相头，实拍图以及图片导出目录
2：摄相头位置调整，一张实拍图支持任意多个摄相头。支持图片斜切，类似photoshop的斜切功能，避免效果失真
3：选择摄相头，实拍图主要有三类，想要生成哪些，直接勾选即可，支持分类选择，简单灵活
4：自动合成，所见即所得，自动归档导出
5：软件跨平台，支持windows,linux,mac操作系统
5：简单易用，合成速度快。
技术选择
通过对软件的需求分析，针对实拍图，需要调整好摄像头的位置
由于实拍图的角度问题，需要支持灵活自由拉伸，所以摄像头合上去最终不一定是长方形，可能是不规则的四边形，效果也要同时根据拉伸自动伸缩变形，这样才更真实，所以需要实现图片的斜切，类似于photoshop的斜切功能，此功能是软件的难点
在前后端分离，前端盛行的今天，所以决定采用Electron+Angular+TypeScript+NodeJS的技术栈开发此项目
1：Angular框架用来开发网页功能
2：NodeJS用来搭建服务作为前后端数据交互
3：TypeScript语言可以编写更健壮的javascript应用
4：Electron用来构建跨平台应用。
未完待续。。。
NodeJs的诞生，使前端进入了工业化时代，Angular 技术交流群：952754544，一起交流学习吧！