[发明专利]图像自定义方法、装置、设备及存储介质

说明书

本发明涉及图像处理领域，公开一种图像自定义方法、装置、设备及存储介质，该方法包括：将待处理图像添加至HTML5页面的图像调整区域；监听图像调整区域触发的点击事件并调用图像绘制标签对待处理图像进行调整获得基准图像；将基准图像展示至HTML5页面的元素组合区域；在接收到元素添加指令时，根据该指令对基准图像进行图像元素添加获得待拼接图像；获取待拼接图像中各图像元素的位置信息，根据位置信息调用预设图像绘制标签对待拼接图像进行绘制获得目标图像。由于是通过HTML5页面进行图像自定义从而使得用户无需单独下载图像处理App，节省了网络流量，也避免了不同App不兼容导致用户自定义的图像无法正常显示的问题。

技术领域

本发明涉及图像处理技术领域，尤其涉及一种图像自定义方法、装置、设备及存储介质。

背景技术

随着智能手机、平板电脑等移动设备的普及，人们对个性化页面交互的要求越来越高，多样化，个性化的个人定制理念逐渐深入人心。在众多的社交场合，人们渴望将自己的个性展示给他人，例如将拍摄的图片进行合成来展示自己的动态，通过给自己的微信头像+V来展示自己社交账号等级等。而现阶段，用户在实现上述需求时，往往需要先下载实现该功能的应用程序(Application，App)然后再进行图像的自定义，一方面用户需要花费大量的网络流量去下载App，另一方面用户在不同的App上分享自定义图像时，App之间的兼容性也会导致用户自定义的图像无法正常显示。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

发明内容

本发明的主要目的在于提供了一种图像自定义方法、装置、设备及存储介质，旨在解决现有技术在用户进行图像自定义时面临的流量耗费以及图像无法正常显示的技术问题。

为实现上述目的，本发明提供了一种图像自定义方法，所述方法包括以下步骤：

获取待处理图像，将所述待处理图像添加至预设HTML5页面的图像调整区域；

监听基于所述图像调整区域触发的点击事件，根据所述点击事件调用预设图像绘制标签对所述待处理图像进行调整，以获得基准图像；

将所述基准图像展示至所述预设HTML5页面的元素组合区域；

在接收到基于所述元素组合区域输入的元素添加指令时，根据所述元素添加指令对所述基准图像进行图像元素添加，获得待拼接图像；

获取所述待拼接图像中各图像元素的位置信息，根据所述位置信息调用所述预设图像绘制标签对所述待拼接图像进行绘制，获得目标图像。

优选地，所述获取待处理图像，将所述待处理图像添加至预设HTML5页面的图像调整区域的步骤，包括：

获取待处理图像，调用预置JavaScript脚本读取所述待处理图像对应的可交换图像文件格式数据；

根据所述可交换图像文件格式数据确定所述待处理图像在预设HTML5页面上的图像方向；

检测所述图像方向是否满足预设方向条件，若满足则将所述待处理图片添加至所述预设HTML5页面的图像调整区域。

优选地，所述获取待处理图像，调用预置JavaScript脚本读取所述待处理图像对应的可交换图像文件格式数据的步骤，包括：

获取待处理图像，通过预置JavaScript脚本调用预设文件读取对象按字节读取所述待处理图像的可交换图像文件格式数据；

所述根据所述可交换图像文件格式数据确定所述待处理图像在预设HTML5页面上的图像方向的步骤，包括：

将读取的所述可交换图像文件格式数据放入数据缓存对象；

调用数据视图对象从所述数据缓存对象中读取对应的图片方向字节；