CN113676677B - 动态图片合成方法、装置、电子设备及可读存储介质 - Google Patents
动态图片合成方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN113676677B CN113676677B CN202111230017.2A CN202111230017A CN113676677B CN 113676677 B CN113676677 B CN 113676677B CN 202111230017 A CN202111230017 A CN 202111230017A CN 113676677 B CN113676677 B CN 113676677B
- Authority
- CN
- China
- Prior art keywords
- picture
- synthesized
- dynamic
- dynamic picture
- browser
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N5/00—Details of television systems
- H04N5/222—Studio circuitry; Studio devices; Studio equipment
- H04N5/262—Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects
- H04N5/265—Mixing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Computer Networks & Wireless Communication (AREA)
- Processing Or Creating Images (AREA)
- Image Processing (AREA)
Abstract
本申请公开了动态图片合成方法、装置、电子设备及可读存储介质,所述动态图片合成方法包括:当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板;获取浏览器载入所述扩展程序操作面板的待合成图片集;将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所述待合成图片的待合成图片数据;根据所述待合成图片数据生成动态图片。本申请解决了现有技术合成动态图片操作繁琐的技术问题。
Description
技术领域
本申请涉及图片处理技术领域,尤其涉及一种动态图片合成方法、装置、电子设备及可读存储介质。
背景技术
随着互联网的高速发展,动态图片逐渐成为一种新的艺术形式,越来越受人喜欢,随着人们对动态图片的视觉要求和感官体验越来越高,大家对于动态图片创作的需求也越来越强烈,进而涌现出很多动态图片制作的网站、应用软件和应用程序等,但现有技术合成动态图片需要下载图片、上传图片、登录网站、下载软件等一系列的操作,使得人们应用现有技术合成动态图片的操作较为繁琐。
发明内容
本申请的主要目的在于提供一种动态图片合成方法、装置、电子设备及可读存储介质,旨在解决现有技术合成动态图片操作繁琐的技术问题。
为实现上述目的,本申请提供一种动态图片合成方法,所述动态图片合成方法包括:
当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板;
获取浏览器基于所述扩展程序操作面板载入的待合成图片;
将各所述待合成图片绘制到canvas画布中,生成各所述待合成图片的待合成图片数据;
根据所述待合成图片数据生成动态图片。
本申请还提供一种动态图片合成装置,所述动态图片合成装置应用于动态图片合成设备,所述动态图片合成装置包括:
扩展程序操作面板展示模块,用于当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板;
待合成图片获取模块,用于获取浏览器基于所述扩展程序操作面板载入的待合成图片;
待合成图片数据生成模块,用于将各所述待合成图片绘制到canvas画布中,生成各所述待合成图片的待合成图片数据;
动态图片生成模块,用于根据所述待合成图片数据生成动态图片。
本申请还提供一种电子设备,所述电子设备为实体设备,所述电子设备包括:存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的所述动态图片合成方法的程序,所述动态图片合成方法的程序被处理器执行时可实现如上述的动态图片合成方法的步骤。
本申请还提供一种可读存储介质,所述可读存储介质为计算机可读存储介质,所述计算机可读存储介质上存储有实现动态图片合成方法的程序,所述动态图片合成方法的程序被处理器执行时实现如上述的动态图片合成方法的步骤。
本申请还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上述的动态图片合成方法的步骤。
本申请提供了一种动态图片合成方法、装置、电子设备及可读存储介质,首先通过当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板,获取浏览器载入所述扩展程序操作面板的待合成图片集,实现了根据浏览器检测到的用户的动态图片合成需求,直接将浏览器打开的网页中的待合成图片载入扩展程序操作面板,简化了现有技术中下载待合成图片、保存待合成图片以及上传待合成图片等一系列获取待合成图片的操作步骤,进而将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所述待合成图片的待合成图片数据,实现了在不依赖网络的情况下得到所述待合成图片的图像数据,避免了由于大量的网络交互导致动态图片合成过程出现卡顿、延迟或失败等情况而增加了用户合成动态图片的操作时间和操作步骤,进而通过根据所述待合成图片数据生成动态图片,实现了动态图片的合成,克服了现有技术合成动态图片操作繁琐的技术问题,有效地简化了用户对动态图片进行合成的操作过程。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请动态图片合成方法第一实施例的流程示意图;
图2为本申请动态图片合成方法第二实施例的流程示意图;
图3为本申请实施例中动态图片合成方法涉及的硬件运行环境的设备结构示意图。
本申请目的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其它实施例,均属于本发明保护的范围。
实施例一
随着互联网的高速发展,动态图片逐渐成为一种新的艺术形式,越来越受人喜欢,随着人们对动态图片的视觉要求和感官体验越来越高,大家对于动态图片创作的需求也越来越强烈,进而涌现出很多动态图片制作的网站、应用软件和应用程序等,但若使用应用软件或应用程序进行动态图片合成,需要先下载相应的应用软件或应用程序,若通过网站进行动态图片合成,每次都得打开特定的网址,且不论哪种现有技术,都需要执行下载待合成图片、上传待合成图片、甚至还可能需要上传服务器等一系列的操作,使得人们应用现有技术合成动态图片的操作较为繁琐。
本申请实施例提供一种动态图片合成方法,在本申请动态图片合成方法的第一实施例中,参照图1,所述动态图片合成方法包括:
步骤S10,当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板;
在本实施例中,需要说明的是,本实施例的执行主体为动态图片合成插件,以插件形式挂载在浏览器端,既利用了浏览器插件可以执行JavaScript脚本的特性,实现了无网络情况下的动态图片合成,有效降低了对网络的依赖,又可以通过浏览器直接获取到待合成图片,减少了上传下载的手动操作过程和图片传输过程,大大减少了网络交互,简化了用户对动态图片进行合成的操作过程。
具体地,浏览器通过检测浏览器界面上的相关控件的触发操作,向动态图片合成插件发送动态图片合成请求,动态图片合成插件根据所述动态图片合成请求,向浏览器发送动态图片合成插件的扩展程序面板的启用指令,浏览器根据所述启用指令展示所述扩展程序操作面板,其中,所述扩展程序操作面板是动态图片合成插件的操作界面,用于获取用户对载入插件的动态图片的目标操作(如:合成动态图片、选择保存地址、选择待合成图片、编辑合成后的动态图片和/或保存合成后的动态图片等)和/或展示各目标操作的完成情况(如:显示合成动态图片的进度条、显示选择的保存地址和/或突出显示已选的待合成图片等)等,其中,需要说明的是,插件接收到动态图片合成请求后可以直接根据预设参数条件等将载入的待合成图片合成动态图片,再通过所述扩展程序操作面板进行修改、调整和/或显示,也可以先通过所述扩展程序操作面板进行待合成图片和/或动态图片的修改、调整和/或显示,再通过所述扩展程序操作面板的相关控件开始将待合成图片根据设置合成动态图片。
步骤S20,获取浏览器载入所述扩展程序操作面板的待合成图片集;
具体地,用户从浏览器打开的网页中或浏览器关联的本地文件地址中选取待合成图片,浏览器通过检测用户操作获取用户选取的待合成图片集,并载入到动态图片合成插件中,其中,所述待合成图片集包括两张或两张以上待合成图片,所述待合成图片是组成动态图片每一帧的静态图片,所述待合成图片的数量即为动态图片的帧数,包括BMP(Bitmap,位图)、JPG(Joint Photographic Expert Group,联合照片专家组)、GIF(GraphicsInterchange Format,图形交换格式)或swf(shock wave flash)等格式的图片,用户从浏览器打开的网页中选取的待合成图片,浏览器可直接获取到其URL(uniform resourcelocator,统一资源定位***)和HTML(Hyper Text Markup Language,超文本标记语言)元素,进而确定具体的图片信息,用户从浏览器关联的本地文件地址中选取的待合成图片,用户通过动态图片合成插件的扩展程序操作面板进入关联的本地文件地址中选取待合成图片,例如:当检测到鼠标移动到第一动态图片上时,显示一个动态图片合成图标,当用户点击所述动态图片合成图标时,将所述第一动态图片作为用户选取的待合成图片;当检测到第二动态图片的右键点击操作时,在其显示的下拉框中增加一个动态图片合成行操作,当用户点击所述动态图片合成行操作时,将所述第二动态图片作为用户选取的待合成图片;当检测到用户通过在动态图片合成插件的扩展程序操作面板中通过拖拽、点击或选择等方式从本地文件地址中选取了一张第三动态图片时,将所述第三动态图片作为用户选取的待合成图片,其中,需要说明的是,动态图片的合成是对两张或两张以上待合成图片进行合成,因此,待合成图片的选取和合成是两个步骤,由两个不同的控件触发,浏览器将用户选取的待合成动态图片载入扩展程序操作面板可以是在扩展程序操作面板中进行载入,也可以是通过后台运行完成。
优选地,所述获取浏览器载入所述扩展程序操作面板的待合成图片集的步骤之后,还包括:
步骤A10,在所述扩展程序操作面板中显示所述待合成图片集以及所述待合成图片集的预设播放顺序;
在本实施例中,具体地,将所述待合成图片集渲染到所述扩展程序操作面板的中,并显示所述待合成图片集的预设播放顺序,其中,渲染到所述扩展程序操作面板中的待合成图片集还可以以平铺、列表、缩略图和/或组合等形式进行显示,所述预设播放顺序可以根据所述待合成图片选取的顺序或载入所述扩展程序操作面板的顺序等进行自动运算后自动设置,所述预设播放顺序的显示可以以排列顺序、编号或名称进行显示说明以提示用户所述待合成图片的播放顺序。
步骤A20,当接收到浏览器基于用户操作发送的自定义播放顺序时,将所述自定义播放顺序作为所述待合成图片的播放顺序。
在本实施例中,具体地,用户在所述扩展程序操作面板中修改所述预设播放顺序,当接收到用户修改后确认的自定义播放顺序时,将所述自定义播放顺序替代原本的预设播放顺序,作为所述待合成图片的播放顺序,其中,用户修改所述预设播放顺序的操作方式包括但不限于:输入播放顺序、选择播放顺序和/或拖动调整待合成图片在所述待合成图片集中的位置以改变其播放顺序等。
在本实施例中,通过扩展程序操作面板获取用户自定义播放顺序,实现了无序选取待合成图片后再进行统一排序的更灵活的确定播放顺序的方式,更便于用户自由地无顾虑地选取待合成图片,而无需既考虑想要什么待合成图片又要考虑选取的顺序,且统一排序可以更直观的判断排序是否恰当,使动态图片合成的操作过程更顺畅和简便。
优选地,所述当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板的步骤之前,还包括:
在浏览器中生成启用控件,接收浏览器通过所述启用控件发送的动态图片合成请求。
在本实施例中,具体地,在所述动态图片合成插件安装完成后,可以在浏览器的工具栏或动态图片的关联控件等位置中增加启用控件,浏览器通过检测对所述控件的点击或选择等操作向所述动态图片分接插件发送动态图片合成请求,其中,所述启用控件用于打开所述扩展程序操作面板,可以是按钮控件、行操作控件或隐藏按钮控件等形式。
在一种可实施的方式中,所述获取浏览器载入所述扩展程序操作面板的待合成图片的步骤还包括:
获取浏览器通过所述扩展程序操作面板的预设控件发送的合成动态图片指令时;
当接收到所述合成动态图片指令时,获取浏览器载入所述扩展程序操作面板的待合成图片。
步骤S30,将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所述待合成图片的待合成图片数据;
在本实施例中,具体地,创建全部所述待合成图片分别的image对象,把每个image对象绘制到canvas画布中,通过drawImage()得到每个image对象的图像数据,该图像数据即为每个image对象对应的待合成图片的待合成图片数据,其中Image对象是JavaScript的内置对象,它代表嵌入的图像,当我们创建一个Image对象时,就相当于缓存了一张图片,canvas画布是在HTML5(Hyper Text Markup Language 5.0,超文本标记语言5.0)中新增的标签,用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图。
步骤S40,根据所述待合成图片数据生成动态图片。
在本实施例中,具体地,通过addFrame把所有待合成图片数据添加到预设图片格式的对应位置中,得到动态图片每一帧的图片数据,将每一帧的图片数据合成即可得到动态图片,其中,预设图片格式是根据最终的动态图片格式确定的动态图片的数据结构和预设参数(例如:帧率、帧数和/或帧序等),生成动态图片后,还可以调用render方法将所述动态图片渲染到扩展程序操作面板中。
在一种可实施的方式中,所述根据所述待合成图片数据生成动态图片的步骤之后还包括:
当接收到保存指令时,获取所述动态图片的保存地址;
将所述动态图片保存到所述保存地址中。
在本实施例中,具体地,当接收到根据检测到的用户操作发送的保存指令时,获取用户选择的或***默认的所述动态图片对应的保存地址,进而将所述动态图片保存到所述保存地址中,其中,用于发送的保存指令的用户操作包括在浏览器界面的操作或在扩展程序操作面板的操作,例如:根据浏览器弹窗内容点击保存按钮或在扩展程序操作面板中点击保存按钮等;***预先设置默认保存地址,也可以通过弹窗或扩展程序操作面板提示用户进行保存地址的选择和/或修改,可以以复制的形式进行保存,即将所述动态图片保存到剪贴板中,进而直接将剪贴板中的动态图片进行粘贴和使用,例如,粘贴到文档、图片、应用程序等。
优选地,所述根据所述待合成图片数据生成动态图片的步骤包括:
步骤B10,获取所述待合成图片的播放顺序;
在本实施例中,具体地,获取所述待合成图片的预设播放顺序或接收浏览器基于用户操作生成并发送的自定义播放顺序,其中,所述预设播放顺序可以根据所述待合成图片选取的顺序或载入所述扩展程序操作面板的顺序等进行自动运算后自动设置。
步骤B20,将全部所述待合成图片数据按所述播放顺序加入动态图片帧列中,生成动态图片。
在本实施例中,具体地,通过addFrame把所有待合成图片数据添加到预设图片格式的帧列中,得到以动态图片每一帧的图片数据排列形成的数据流,结合预设图片格式即可得到动态图片数据,根据动态图片数据即可生成动态图片,其中,所述帧列是动态图片数据中每一帧静态图片数据按一定顺序的排成的队列。
在本实施例中,利用了浏览器插件可以执行JavaScript脚本的特性,实现了无网络情况下的动态图片拆解,有效降低了对网络的依赖,又可以通过浏览器直接获取到待合成图片,减少了上传下载的手动操作过程和图片传输过程,大大减少了网络交互,通过当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板,获取浏览器载入所述扩展程序操作面板的待合成图片集,实现了根据浏览器检测到的用户的动态图片合成需求,直接将浏览器打开的网页中的待合成图片载入扩展程序操作面板,简化了现有技术中下载待合成图片、保存待合成图片以及上传待合成图片等一系列获取待合成图片的操作步骤,进而将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所述待合成图片的待合成图片数据,实现了在不依赖网络的情况下得到所述待合成图片的图像数据,避免了由于大量的网络交互导致动态图片合成过程出现卡顿、延迟或失败等情况而增加了用户合成动态图片的操作时间和操作步骤,进而通过根据所述待合成图片数据生成动态图片,实现了动态图片的合成,克服了现有技术合成动态图片操作繁琐的技术问题,有效地简化了用户对动态图片进行合成的操作过程。
实施例二
进一步地,参照图2,基于本申请第一实施例,在本申请另一实施例中,与上述实施例一相同或相似的内容,可以参考上文介绍,后续不再赘述。在此基础上,所述根据所述待合成图片数据生成动态图片的步骤包括:
步骤S41,获取所述待合成图片的播放速率,并将所述播放速率作为动态图片的帧率;
在本实施例中,具体地,获取浏览器基于用户在所述扩展程序操作面板中的操作发送的播放速率,并将所述播放速率作为动态图片的帧率,其中,所述播放速率是所述动态图片中每一帧静态图片切换的速度,以每帧图片的播放时间或切换速度等表示,用户可以在所述扩展程序操作面板中输入、选择或拖拽速率进度条等方式设置和修改所述播放速率,在一种可实施的方式中,还可以预先设置一个基础的播放速率,以供用户没有输入播放速率时,也可以得到一张以预设播放速率生成的动态图片,进而提示用户根据动态图片的效果进行播放速率的修改和调整,为用户的动态图片合成操作提供了便利。
优选地,所述获取所述待合成图片的播放速率的步骤包括:
当接收到浏览器基于用户操作发送的第一自定义播放速率时,将所述第一自定义播放速率作为所述待合成图片的播放速率。
在本实施例中,具体地,用户在所述扩展程序操作面板中输入、选择或拖拽速率进度条等方式设置和修改所述播放速率,当接收到浏览器检测到用户触发相关控件发送的第一自定义播放速率时,或者,当接收到浏览器检测到用户触发相关控件发送的动态图片合成指令时,浏览器读取所述扩展程序操作面板中的播放速率并将该播放速率作为第一自定义播放速率发送给插件,将所述第一自定义播放速率作为所述待合成图片的播放速率。
步骤S42,根据所述待合成图片数据和所述帧率生成动态图片。
在本实施例中,具体地,通过addFrame('图像数据',{delay:帧率})将所述帧率添加到所述预设图片格式中,结合所述待合成图片数据即可得到所述动态图片数据,根据所述动态图片数据即可生成动态图片。
优选地,所述根据所述待合成图片数据和所述帧率生成动态图片的步骤之后,还包括:
步骤S43,在所述扩展程序操作面板中显示所述动态图片以及所述动态图片的播放速率;
在本实施例中,具体地,将所述动态图片渲染到所述扩展程序操作面板的中,并显示所述动态图片的播放速率,其中,所述播放速率可以是预设播放速率或自定义播放速率,所述播放速率可以以数值、图形或进度条等方式进行显示。
步骤S44,当接收到浏览器基于用户操作发送的第二自定义播放速率时,将所述第二自定义播放速率作为所述待合成图片的播放速率。
在本实施例中,具体地,当用户在看到渲染到所述扩展程序操作面板中的根据所述第一自定义播放速率生成的动态图片时,若用户对所述第一自定义播放速度不满意时,可以在所述扩展程序操作面板中通过输入、选择或拖拽速率进度条等方式重新发送第二自定义播放速率,将所述第二自定义播放速率作为所述待合成图片的播放速率。
在本实施例中,通过扩展程序操作面板展示根据播放速率生成的动态图片,以供用户可以直观地判断所述播放速率是否与预期相符,使用户可以根据生成的动态图片的展示效果进行播放速率的修改或调整,更好地满足用户需求,且操作过程简单、方便且容易操作。
实施例三
本申请实施例还提供一种动态图片合成装置,所述动态图片合成装置应用于动态图片合成设备,所述动态图片合成装置包括:
扩展程序操作面板展示模块,用于当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板;
待合成图片获取模块,用于获取浏览器载入所述扩展程序操作面板的待合成图片集;
待合成图片数据生成模块,用于将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所述待合成图片的待合成图片数据;
动态图片生成模块,用于根据所述待合成图片数据生成动态图片。
可选地,所述动态图片生成模块还用于:
获取所述待合成图片的播放顺序;
将全部所述待合成图片数据按所述播放顺序加入动态图片帧列中,生成动态图片。
可选地,所述待合成图片获取模块还用于:
在所述扩展程序操作面板中显示所述待合成图片集以及所述待合成图片集的预设播放顺序;
当接收到浏览器基于用户操作发送的自定义播放顺序时,将所述自定义播放顺序作为所述待合成图片的播放顺序。
可选地,所述动态图片生成模块还用于:
获取所述待合成图片的播放速率,并将所述播放速率作为动态图片的帧率;
根据所述待合成图片数据和所述帧率生成动态图片。
可选地,所述动态图片生成模块还用于:
当接收到浏览器基于用户操作发送的第一自定义播放速率时,将所述第一自定义播放速率作为所述待合成图片的播放速率。
可选地,所述动态图片生成模块还用于:
在所述扩展程序操作面板中显示所述动态图片以及所述动态图片的播放速率;
当接收到浏览器基于用户操作发送的第二自定义播放速率时,将所述第二自定义播放速率作为所述待合成图片的播放速率。
可选地,所述扩展程序操作面板展示模块还用于:
在浏览器中生成启用控件,接收浏览器检测到用户触发所述启用控件生成并发送的动态图片合成请求。
本发明提供的动态图片合成装置,采用上述实施例一或实施例二中的动态图片合成方法,解决了现有技术中动态图片合成操作过程繁琐的技术问题。与现有技术相比,本发明实施例提供的动态图片合成装置的有益效果与上述实施例提供的动态图片合成方法的有益效果相同,且该动态图片合成装置中的其他技术特征与上一实施例方法公开的特征相同,在此不做赘述。
实施例四
本发明实施例提供一种电子设备,电子设备包括:至少一个处理器;以及,与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行上述实施例一中的动态图片合成方法。
下面参考图3,其示出了适于用来实现本公开实施例的电子设备的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图3示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图3所示,电子设备可以包括处理装置(例如中央处理器、图形处理器等),其可以根据存储在只读存储器(ROM)中的程序或者从存储装置加载到随机访问存储器(RAM)中的程序而执行各种适当的动作和处理。在RAM中,还存储有电子设备操作所需的各种程序和数据。处理装置、ROM以及RAM通过总线彼此相连。输入/输出(I/O)接口也连接至总线。
通常,以下***可以连接至I/O接口:包括例如触摸屏、触摸板、键盘、鼠标、图像传感器、麦克风、加速度计、陀螺仪等的输入装置;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置;包括例如磁带、硬盘等的存储装置;以及通信装置。通信装置可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图中示出了具有各种***的电子设备,但是应理解的是,并不要求实施或具备所有示出的***。可以替代地实施或具备更多或更少的***。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置从网络上被下载和安装,或者从存储装置被安装,或者从ROM被安装。在该计算机程序被处理装置执行时,执行本公开实施例的方法中限定的上述功能。
本发明提供的电子设备,采用上述实施例一或实施例二中的动态图片合成方法,解决了现有技术中动态图片合成操作过程繁琐的技术问题。与现有技术相比,本发明实施例提供的电子设备的有益效果与上述实施例一提供的动态图片合成方法的有益效果相同,且该电子设备中的其他技术特征与上一实施例方法公开的特征相同,在此不做赘述。
应当理解,本公开的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式的描述中,具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
实施例五
本实施例提供一种计算机可读存储介质,具有存储在其上的计算机可读程序指令,计算机可读程序指令用于执行上述实施例一中的动态图片合成的方法。
本发明实施例提供的计算机可读存储介质例如可以是U盘,但不限于电、磁、光、电磁、红外线、或半导体的***、***或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、***或者器件使用或者与其结合使用。计算机可读存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读存储介质可以是电子设备中所包含的;也可以是单独存在,而未装配入电子设备中。
上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被电子设备执行时,使得电子设备:获取至少两个网际协议地址;向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际协议地址中,选取网际协议地址并返回;接收所述节点评价设备返回的网际协议地址;其中,所获取的网际协议地址指示内容分发网络中的边缘节点。
或者,上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被电子设备执行时,使得该电子设备:接收包括至少两个网际协议地址的节点评价请求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其中,接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本发明各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该单元本身的限定。
本发明提供的计算机可读存储介质,存储有用于执行上述动态图片合成方法的计算机可读程序指令,解决了现有技术中动态图片合成操作过程繁琐的技术问题。与现有技术相比,本发明实施例提供的计算机可读存储介质的有益效果与上述实施例一或实施例二提供的动态图片合成方法的有益效果相同,在此不做赘述。
实施例六
本申请还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上述的动态图片合成方法的步骤。
本申请提供的计算机程序产品解决了现有技术中动态图片合成操作过程繁琐的技术问题。与现有技术相比,本发明实施例提供的计算机程序产品的有益效果与上述实施例一或实施例二提供的动态图片合成方法的有益效果相同,在此不做赘述。
以上仅为本申请的优选实施例,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利处理范围内。
Claims (9)
1.一种动态图片合成方法,其特征在于,所述动态图片合成方法应用于动态图片合成插件,所述动态图片合成插件挂载于浏览器端,以调用动态图片合成方法的JavaScript脚本实现无网络通信状态下的动态图片合成;
所述动态图片合成方法包括:
当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板;
获取浏览器载入所述扩展程序操作面板的待合成图片集,所述待合成图片集包括两张或两张以上待合成图片,所述待合成图片是组成动态图片每一帧的静态图片,所述待合成图片由浏览器获取用户从浏览器打开的网页中无序选取的待合成图片的URL和HTML元素确定;
在所述扩展程序操作面板中显示所述待合成图片集以及所述待合成图片集的预设播放顺序;
当接收到浏览器基于用户操作发送的自定义播放顺序时,将所述自定义播放顺序作为所述待合成图片的播放顺序;
将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所述待合成图片的待合成图片数据;
根据所述待合成图片数据生成动态图片。
2.如权利要求1所述动态图片合成方法,其特征在于,所述根据所述待合成图片数据生成动态图片的步骤包括:
获取所述待合成图片的播放顺序;
将全部所述待合成图片数据按所述播放顺序加入动态图片帧列中,生成动态图片。
3.如权利要求1所述动态图片合成方法,其特征在于,所述根据所述待合成图片数据生成动态图片的步骤包括:
获取所述待合成图片的播放速率,并将所述播放速率作为动态图片的帧率;
根据所述待合成图片数据和所述帧率生成动态图片。
4.如权利要求3所述动态图片合成方法,其特征在于,所述获取所述待合成图片的播放速率的步骤包括:
当接收到浏览器基于用户操作发送的第一自定义播放速率时,将所述第一自定义播放速率作为所述待合成图片的播放速率。
5.如权利要求3所述动态图片合成方法,其特征在于,所述根据所述待合成图片数据和所述帧率生成动态图片的步骤之后,还包括:
在所述扩展程序操作面板中显示所述动态图片以及所述动态图片的播放速率;
当接收到浏览器基于用户操作发送的第二自定义播放速率时,将所述第二自定义播放速率作为所述待合成图片的播放速率。
6.如权利要求1所述动态图片合成方法,其特征在于,所述当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板的步骤之前,还包括:
在浏览器中生成启用控件,接收浏览器检测到用户触发所述启用控件生成并发送的动态图片合成请求。
7.一种动态图片合成装置,其特征在于,所述动态图片合成装置用于实现如权利要求1所述的动态图片合成方法,所述动态图片合成装置包括:
扩展程序操作面板展示模块,用于当接收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板;
待合成图片获取模块,用于获取浏览器载入所述扩展程序操作面板的待合成图片集,所述待合成图片集包括两张或两张以上待合成图片,所述待合成图片是组成动态图片每一帧的静态图片,所述待合成图片由浏览器获取用户从浏览器打开的网页中无序选取的待合成图片的URL和HTML元素确定;
所述待合成图片获取模块,还用于在所述扩展程序操作面板中显示所述待合成图片集以及所述待合成图片集的预设播放顺序;
所述待合成图片获取模块,还用于当接收到浏览器基于用户操作发送的自定义播放顺序时,将所述自定义播放顺序作为所述待合成图片的播放顺序;
待合成图片数据生成模块,用于将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所述待合成图片的待合成图片数据;
动态图片生成模块,用于根据所述待合成图片数据生成动态图片。
8.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1至6中任一项所述的动态图片合成方法的步骤。
9.一种可读存储介质,其特征在于,所述可读存储介质上存储有实现动态图片合成方法的程序,所述实现动态图片合成方法的程序被处理器执行以实现如权利要求1至6中任一项所述动态图片合成方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111230017.2A CN113676677B (zh) | 2021-10-22 | 2021-10-22 | 动态图片合成方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111230017.2A CN113676677B (zh) | 2021-10-22 | 2021-10-22 | 动态图片合成方法、装置、电子设备及可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113676677A CN113676677A (zh) | 2021-11-19 |
CN113676677B true CN113676677B (zh) | 2022-02-08 |
Family
ID=78550908
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111230017.2A Active CN113676677B (zh) | 2021-10-22 | 2021-10-22 | 动态图片合成方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113676677B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114942820A (zh) * | 2022-07-26 | 2022-08-26 | 深圳市明源云空间电子商务有限公司 | 雪碧图生成方法、装置、电子设备及可读存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107291329A (zh) * | 2017-06-09 | 2017-10-24 | 珠海格力电器股份有限公司 | 一种屏幕呈现动态壁纸的方法和装置 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104573110B (zh) * | 2015-02-02 | 2018-08-21 | 北京恒华伟业科技股份有限公司 | 一种浏览器中图形的动态展示方法及装置 |
CN106558088B (zh) * | 2015-09-24 | 2020-04-24 | 腾讯科技(深圳)有限公司 | 生成gif文件的方法及装置 |
CN110322532A (zh) * | 2018-03-27 | 2019-10-11 | 优酷网络技术(北京)有限公司 | 动态图像的生成方法及装置 |
CN111464760A (zh) * | 2020-05-06 | 2020-07-28 | Oppo(重庆)智能科技有限公司 | 动态图像的生成方法、生成装置及终端设备 |
CN112330775A (zh) * | 2020-11-24 | 2021-02-05 | 携程旅游网络技术(上海)有限公司 | 批量合成海报的方法、装置、电子设备、存储介质 |
-
2021
- 2021-10-22 CN CN202111230017.2A patent/CN113676677B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107291329A (zh) * | 2017-06-09 | 2017-10-24 | 珠海格力电器股份有限公司 | 一种屏幕呈现动态壁纸的方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN113676677A (zh) | 2021-11-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109460233B (zh) | 页面的原生界面显示更新方法、装置、终端设备及介质 | |
US11170159B1 (en) | System and method for using a dynamic webpage editor | |
US9772978B2 (en) | Touch input visualizations based on user interface context | |
KR20140028029A (ko) | 애플리케이션 타일용 프레젠테이션 포맷 기법 | |
KR20140147095A (ko) | 인스턴스화가능한 제스처 객체 | |
WO2018036544A1 (zh) | 浏览器在独立窗口中播放视频的方法、装置及存储介质 | |
US20130151937A1 (en) | Selective image loading in mobile browsers | |
US20210067825A1 (en) | Display device and content providing method thereof | |
CN112328353B (zh) | 子应用播放器的展示方法、装置、电子设备和存储介质 | |
WO2020220773A1 (zh) | 图片预览信息的显示方法、装置、电子设备及计算机可读存储介质 | |
EP4124052A1 (en) | Video production method and apparatus, and device and storage medium | |
CN111796820B (zh) | 基于集成化组件构建前端页面的方法、装置及电子设备 | |
CN109446025B (zh) | 一种操作行为的回放方法、装置、电子设备及可读介质 | |
CN113688341B (zh) | 动态图片分解方法、装置、电子设备及可读存储介质 | |
CN114610428B (zh) | 信息流的显示方法、装置、设备、存储介质及程序 | |
KR102040359B1 (ko) | 상태 정보를 위한 동기화 지점 | |
CN110647369B (zh) | 页面动态显示的方法、装置、移动终端及存储介质 | |
WO2017101390A1 (zh) | 一种图片显示方法及装置 | |
KR20140086979A (ko) | 인터넷 브라우저-기반 원격 사용자 인터페이스 가상 마우스 커서 위치결정 방법 | |
CN113676677B (zh) | 动态图片合成方法、装置、电子设备及可读存储介质 | |
US20140365964A1 (en) | Multiple panel touch user interface navigation | |
EP3008697B1 (en) | Coalescing graphics operations | |
CN111209503B (zh) | 网页中弹窗的处理方法、装置、电子设备、及存储介质 | |
CN110618811B (zh) | 信息呈现方法和装置 | |
CN109669589B (zh) | 文档编辑方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |