[发明专利]横幅图片快速生成方法、系统及存储介质

说明书

本发明涉及一种横幅图片快速生成方法、系统及存储介质，属于互联网技术领域。采用了该发明的横幅图片快速生成方法、系统及存储介质，在该方法中，其基于WEB浏览器实现图片的编辑，从而使该方法不依赖于特定的使用环境，进而可以在保证图片清晰度的前提下，实现图片的缩放和位置移动，快速生成横幅图片。且本发明的应用成本低廉，应用方式简便，应用范围也十分广泛。

技术领域

本发明涉及互联网技术领域，特别涉及互联网图片编辑技术领域，具体是指一种横幅图片快速生成方法、系统及存储介质。

背景技术

横幅图片(banner)在网站界面上应用十分广泛，配合特定的图片和文字能够清楚直观地传递信息，提供链接入口等。同时由于其更新速度很快，需要采用方便快捷的编辑工具来实现快速的横幅图片生成。

现有的网络图片编辑工具不能全方位支持在保持图片清晰度的情况下放大或缩小图片，同时也无法实现图片位置的灵活配置。更为重要的是，访问此类网络图片编辑工具通常受限于平台或网络，不支持离线访问操作。从而使得其无法被更为广泛而便捷地使用。

因此，如何提供一种能够方便使用，而不依赖使用环境，同时保证图片清晰度，又可配置图片位置的横幅图片编辑工具成为本领域亟待解决的问题。

发明内容

本发明的目的是克服了上述现有技术中的缺点，提供基于WEB服务器实现的，从而可不依赖使用环境，可被方便使用，且可以保证图片清晰度，又可配置图片位置的横幅图片快速生成方法、系统及存储介质。

为了实现上述的目的，本发明的横幅图片快速生成方法包括以下基于WEB浏览器实现的步骤：

(1)确定横幅图片的大小和布局，选择素材图片；

(2)根据所述横幅图片的大小产生背景画布；

(3)根据所述的横幅图片的大小、布局及所述素材图片的大小，确定素材图片的初始尺寸；

(4)在所述的背景画布上显示所述初始尺寸的素材图片；

(5)调整所述的素材图片；

(6)生成包括所述背景画布及素材图片的横幅图片。

该横幅图片快速生成方法中，所述横幅图片的布局为所述的初始尺寸的素材图片在所述背景画布中的占比。

该横幅图片快速生成方法中，所述的步骤(3)具体包括以下步骤：

(31)根据所述的横幅图片的大小和布局确定素材图片在所述背景画布中的最大尺寸；

(32)调整所述素材图片的大小至初始尺寸，使该初始尺寸不大于所述最大尺寸。

该横幅图片快速生成方法中，所述的步骤(5)包括以下步骤中的至少一个步骤：

(5a)在所述的初始尺寸的基础之上调整所述素材图片的大小；

(5b)移动所述的素材图片在所述背景画布中的位置。

该横幅图片快速生成方法中，所述的步骤(5b)具体包括以下步骤：

(5b-1)监听对于所述的素材图片的拖曳操作，在所述的拖曳操作开始时获取拖曳操作的起始坐标；

(5b-2)清空所述的背景画布，在所述的背景画布上显示跟踪所述的拖曳操作的作为蒙层的素材图片；

(5b-3)通过监听所述的拖曳操作，在所述的拖曳操作结束时获取终点坐标，并隐藏所述的蒙层；

(5b-4)根据所述的拖曳操作的起始坐标、终点坐标和所述的素材图片的原始坐标计算素材图片的目标坐标；

(5b-5)根据所述的目标坐标在所述的背景画布上重新绘制素材图片。