[发明专利]一种基于Web端的图片矫正方法及系统

权利要求书

1.一种基于Web端的图片矫正方法，其特征是所述的方法具体步骤如下：

S1基于原始图片及其可交换图像文件EXIF，对所述原始图片进行读取，形成读取图片；

S2通过exif对图片进行加载读取，并读取图片旋转信息；

S3基于Web端系统型号判断手否进行矫正处理；

S4所述拍摄方向信息包括旋转方向及角度根据所述旋转方向及角度，对所述读取图片进行旋转矫正处理，使得还原后的图片与所述原始图片相符；

S5可选择性的进行尺寸的变更，通过canvas生成绘制后的图片。

2.根据权利要求1所述的方法，其特征是所述S1基于原始图片及其可交换图像文件EXIF，对所述原始图片进行读取，形成读取图片的具体步骤如下：

S101前端在获取图片文件后的回调中，判断图片格式是否为合法的图片格式，在合法的基础上引入exif-js；

S102在读取原始图片的回调中，创建canvas画布对象，存储图片文件的尺寸及文件类型；

S103通过原生FileReader构造函数，调用readAsDataURL方法将图片文件对象转换成base-64编码。

3.根据权利要求2所述的方法，其特征是所述S2通过exif对图片进行加载读取，并读取图片旋转信息的具体步骤如下：

S201调用exif-js，通过exif的getData方法加载读取图片，getData接收两个参数，将base-64编码的图片作为第一个参数传入，在第二个参数的回调函数中获取图片的exif信息并进行判断处理；

S202通过exif的getTag方法读取图片旋转信息Orientation，判断所述读取图片相对于所述原始图片是否存在交换。

4.根据权利要求3所述的方法，其特征是所述S5可选择性的进行尺寸的变更，通过canvas生成绘制后的图片的具体步骤如下:

S501可选择性的对旋转后的图像进行镜像转换，通过context的scale方法反转镜像；

S502通过async/await等待异步处理图片矫正完成后，调用canvas的toDataURL()方法将绘制内容生成base-64格式的dataUrl；

S503根据接口要求的图片文件格式要求，可选择性的将base-64格式的图片通过原生Javascript的方法转成文件流；

S504获得校正处理后的图片文件，进行后续编辑调用操作。

5.一种基于Web端的图片矫正系统，其特征是所述的系统具体包括图片读取模块、信息读取模块、矫正判断模块、图片还原模块和图片输出模块：

图片读取模块：基于原始图片及其可交换图像文件EXIF，对所述原始图片进行读取，形成读取图片；

信息读取模块：通过exif对图片进行加载读取，并读取图片旋转信息；

矫正判断模块：基于Web端系统型号判断手否进行矫正处理；

图片还原模块：所述拍摄方向信息包括旋转方向及角度根据所述旋转方向及角度，对所述读取图片进行旋转矫正处理，使得还原后的图片与所述原始图片相符；

图片输出模块：可选择性的进行尺寸的变更，通过canvas生成绘制后的图片。

6.根据权利要求5所述的系统，其特征是所述图片读取模块具体包括格式读取模块、画布生成模块和对象转码模块：

格式读取模块：前端在获取图片文件后的回调中，判断图片格式是否为合法的图片格式，在合法的基础上引入exif-js；

画布生成模块：在读取原始图片的回调中，创建canvas画布对象，存储图片文件的尺寸及文件类型；

对象转码模块：通过原生FileReader构造函数，调用readAsDataURL方法将图片文件对象转换成base-64编码。