[发明专利]一种H5图片裁剪方法

权利要求书

1.一种H5图片裁剪方法，其特征在于，包括如下步骤：

a、调用input[file]获取待裁剪图片路径；

b、将待裁剪图片转化成base64数据；

c、根据图片裁剪框涉及的位置计算出重新组合成一张完整图片所需的base64数据；

d、读取重新组合图片所需的base64数据转化成裁剪后的图片。

2.根据权利要求1所述的H5图片裁剪方法，其特征在于，基于JavaScript开发实现。

3.根据权利要求1所述的H5图片裁剪方法，其特征在于，步骤b包括如下步骤：

以待裁剪图片的图片区域内的一个点为原点建立二维直角坐标系，计算待裁剪图片的四条边的直线方程。

4.根据权利要求3所述的H5图片裁剪方法，其特征在于，步骤c包括如下步骤：

根据裁剪框的位置信息，确定在同一二维直角坐标系下裁剪框的四个端点的坐标值；

根据直线方程及坐标值，判断所述裁剪框的四个端点是否位于所述直线方程构成的区域内，

如果是，则裁剪框的覆盖区域完全位于待裁剪图片的图片区域内，使用裁剪框进行计算；

否则不完全位于，将裁剪框的覆盖区域调整至待裁剪的图片区域内，使用调整后的裁剪框进行计算。

5.根据权利要求4所述的H5图片裁剪方法，其特征在于，根据直线方程及坐标值，判断所述裁剪框的四个端点是否位于所述直线方程构成的区域内，包括：

根据直线方程，生成对应于待裁剪的图片的四条边的四个函数；

将裁剪框的四个端点分别代入待裁剪的图片的四条边所对应的四个函数中；

针对每个函数，判断裁剪框的四个端点代入该函数的结果是否同号；

如果均同号，进一步针对每组互为对边的边所对应的两个函数，判断裁剪框的四个端点代入该两个函数的结果是否异号，如果均异号，则所述裁剪框的四个端点位于所述直线方程构成的区域内。

6.根据权利要求4所述的H5图片裁剪方法，其特征在于，将裁剪框的覆盖区域调整至待裁剪的图片区域之前，还包括：

向用户展示用于提示裁剪框已超出待裁剪图片的图片区域的第一消息提示。

7.根据权利要求6所述的H5图片裁剪方法，其特征在于，将裁剪框的覆盖区域调整至待裁剪的图片区域之前，还包括：

向用户展示用于询问是否接受系统自动将覆盖区域调整至图片区域内的第二消息提示；

在接收到用户针对所述第二消息提示做出的肯定操作后，执行将裁剪框的覆盖区域调整至待裁剪的图片区域内的步骤。