[发明专利]应用于web端的图片预处理方法

摘要

本发明涉及图片预处理技术领域，解决了现有应用于web端的图片预处理方法对计算机性能消耗过大，导致操作时出现图片粘滞的问题。技术方案概括为：应用于web端的图片预处理方法，通过div盒子模型在web端显示待处理图片，web端根据对待处理图片进行的移动、裁剪、旋转及缩放操作，实时修改div盒子模型背景图片的显示位置数据、旋转数据或缩放比例数据并保存，并实时更新显示出操作后的待处理图片，经操作得到需要的图片后，利用canvas画布根据上述保存的div数据绘制需要的图片得到最终canvas画布对象再加以保存或上传。有益效果是：本发明节约了计算机性能，使得操作时图片不会粘滞。特别适用于在web端进行图片预处理。

主权项

1.应用于web端的图片预处理方法，其特征在于：包括以下步骤：步骤一、通过web端选择待处理图片，然后建立待处理图片的div盒子模型，将待处理图片作为div盒子模型的背景图片，并通过展示div盒子模型的背景图片在web端上显示出待处理图片；步骤二、根据输入设备的信号，对待处理图片进行缩放和/或旋转和/或移动和/或裁剪操作；步骤三、web端根据对待处理图片进行的移动和/或裁剪操作，实时修改div盒子模型背景图片的显示位置数据并保存，根据对待处理图片进行的旋转操作，实时修改div盒子模型背景图片的旋转数据并保存，根据对待处理图片进行的缩放操作，实时修改div盒子模型背景图片的缩放比例数据并保存，通过展示div盒子模型的背景图片在web端上实时更新显示出操作后的待处理图片；步骤四、若操作后的待处理图片不是需要的图片，则重复步骤二和步骤三继续进行操作，若操作后的待处理图片是需要的图片，则在确定后执行步骤五；步骤五、web端利用canvas画布根据待处理图片和步骤三中的显示位置数据进行绘制得到canvas画布对象，并根据步骤三中的旋转数据和缩放比例数据对得到的canvas画布对象进行旋转和缩放，得到最终效果与需要的图片完全一样的最终canvas画布对象；步骤六、将最终canvas画布对象保存到本地或上传到服务器。