纯前端实现登记照压缩宽高体积大小和换装功能

纯前端实现登记照压缩宽高体积大小和换装功能

感觉目前绝大部分的登记照制作网站和APP们，都是通过把图片传输到后台来进行图片的各种处理的。但实际上这样非常消耗服务端的各种资源，并且对于服务端的网络带宽也带来很大压力。其实在前端使用canvas实现也有很好的效果，并且对于服务器的资源完全没有耗费。

 通过canvas可以改变登记照缩放之后的宽度、高度，并且我们可以通过canvas.todataUrl方法对图片进行质量压缩，可以设置不同的压缩程度。

 登记照换装是通过在canvas上进行画图叠加来实现的。然后我们可以任意选择一个装扮，并且通过对装扮进行移动和缩放，来将装扮调整到合适的位置即可，效果还不错。轻松将你的证件照尺寸大小等修改为满足考试报名要求