动态图片合成方法、装置、电子设备及可读存储介质转让专利
申请号 : CN202111230017.2
文献号 : CN113676677B
文献日 : 2022-02-08
发明人 : 唐士瀛
申请人 : 深圳市明源云空间电子商务有限公司
摘要 :
权利要求 :
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中任一项所述动态图片合成方法的步骤。
说明书 :
动态图片合成方法、装置、电子设备及可读存储介质
技术领域
背景技术
来越强烈,进而涌现出很多动态图片制作的网站、应用软件和应用程序等,但现有技术合成
动态图片需要下载图片、上传图片、登录网站、下载软件等一系列的操作,使得人们应用现
有技术合成动态图片的操作较为繁琐。
发明内容
程序,所述动态图片合成方法的程序被处理器执行时可实现如上述的动态图片合成方法的
步骤。
程序被处理器执行时实现如上述的动态图片合成方法的步骤。
浏览器载入所述扩展程序操作面板的待合成图片集,实现了根据浏览器检测到的用户的动
态图片合成需求,直接将浏览器打开的网页中的待合成图片载入扩展程序操作面板,简化
了现有技术中下载待合成图片、保存待合成图片以及上传待合成图片等一系列获取待合成
图片的操作步骤,进而将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生
成所述待合成图片的待合成图片数据,实现了在不依赖网络的情况下得到所述待合成图片
的图像数据,避免了由于大量的网络交互导致动态图片合成过程出现卡顿、延迟或失败等
情况而增加了用户合成动态图片的操作时间和操作步骤,进而通过根据所述待合成图片数
据生成动态图片,实现了动态图片的合成,克服了现有技术合成动态图片操作繁琐的技术
问题,有效地简化了用户对动态图片进行合成的操作过程。
附图说明
言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
具体实施方式
仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技
术人员在没有作出创造性劳动的前提下所获得的所有其它实施例,均属于本发明保护的范
围。
来越强烈,进而涌现出很多动态图片制作的网站、应用软件和应用程序等,但若使用应用软
件或应用程序进行动态图片合成,需要先下载相应的应用软件或应用程序,若通过网站进
行动态图片合成,每次都得打开特定的网址,且不论哪种现有技术,都需要执行下载待合成
图片、上传待合成图片、甚至还可能需要上传服务器等一系列的操作,使得人们应用现有技
术合成动态图片的操作较为繁琐。
络情况下的动态图片合成,有效降低了对网络的依赖,又可以通过浏览器直接获取到待合
成图片,减少了上传下载的手动操作过程和图片传输过程,大大减少了网络交互,简化了用
户对动态图片进行合成的操作过程。
送动态图片合成插件的扩展程序面板的启用指令,浏览器根据所述启用指令展示所述扩展
程序操作面板,其中,所述扩展程序操作面板是动态图片合成插件的操作界面,用于获取用
户对载入插件的动态图片的目标操作(如:合成动态图片、选择保存地址、选择待合成图片、
编辑合成后的动态图片和/或保存合成后的动态图片等)和/或展示各目标操作的完成情况
(如:显示合成动态图片的进度条、显示选择的保存地址和/或突出显示已选的待合成图片
等)等,其中,需要说明的是,插件接收到动态图片合成请求后可以直接根据预设参数条件
等将载入的待合成图片合成动态图片,再通过所述扩展程序操作面板进行修改、调整和/或
显示,也可以先通过所述扩展程序操作面板进行待合成图片和/或动态图片的修改、调整
和/或显示,再通过所述扩展程序操作面板的相关控件开始将待合成图片根据设置合成动
态图片。
件中,其中,所述待合成图片集包括两张或两张以上待合成图片,所述待合成图片是组成动
态图片每一帧的静态图片,所述待合成图片的数量即为动态图片的帧数,包括BMP(Bitmap,
位图)、JPG(Joint Photographic Expert Group,联合照片专家组)、GIF(Graphics
Interchange Format,图形交换格式)或swf(shock wave flash)等格式的图片,用户从浏
览器打开的网页中选取的待合成图片,浏览器可直接获取到其URL(uniform resource
locator,统一资源定位系统)和HTML(Hyper Text Markup Language,超文本标记语言)元
素,进而确定具体的图片信息,用户从浏览器关联的本地文件地址中选取的待合成图片,用
户通过动态图片合成插件的扩展程序操作面板进入关联的本地文件地址中选取待合成图
片,例如:当检测到鼠标移动到第一动态图片上时,显示一个动态图片合成图标,当用户点
击所述动态图片合成图标时,将所述第一动态图片作为用户选取的待合成图片;当检测到
第二动态图片的右键点击操作时,在其显示的下拉框中增加一个动态图片合成行操作,当
用户点击所述动态图片合成行操作时,将所述第二动态图片作为用户选取的待合成图片;
当检测到用户通过在动态图片合成插件的扩展程序操作面板中通过拖拽、点击或选择等方
式从本地文件地址中选取了一张第三动态图片时,将所述第三动态图片作为用户选取的待
合成图片,其中,需要说明的是,动态图片的合成是对两张或两张以上待合成图片进行合
成,因此,待合成图片的选取和合成是两个步骤,由两个不同的控件触发,浏览器将用户选
取的待合成动态图片载入扩展程序操作面板可以是在扩展程序操作面板中进行载入,也可
以是通过后台运行完成。
成图片集还可以以平铺、列表、缩略图和/或组合等形式进行显示,所述预设播放顺序可以
根据所述待合成图片选取的顺序或载入所述扩展程序操作面板的顺序等进行自动运算后
自动设置,所述预设播放顺序的显示可以以排列顺序、编号或名称进行显示说明以提示用
户所述待合成图片的播放顺序。
放顺序,作为所述待合成图片的播放顺序,其中,用户修改所述预设播放顺序的操作方式包
括但不限于:输入播放顺序、选择播放顺序和/或拖动调整待合成图片在所述待合成图片集
中的位置以改变其播放顺序等。
虑地选取待合成图片,而无需既考虑想要什么待合成图片又要考虑选取的顺序,且统一排
序可以更直观的判断排序是否恰当,使动态图片合成的操作过程更顺畅和简便。
选择等操作向所述动态图片分接插件发送动态图片合成请求,其中,所述启用控件用于打
开所述扩展程序操作面板,可以是按钮控件、行操作控件或隐藏按钮控件等形式。
即为每个image对象对应的待合成图片的待合成图片数据,其中Image对象是JavaScript的
内置对象,它代表嵌入的图像,当我们创建一个Image对象时,就相当于缓存了一张图片,
canvas画布是在HTML5(Hyper Text Markup Language 5.0,超文本标记语言5.0)中新增的
标签,用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用
JavaScript操作的位图。
态图片,其中,预设图片格式是根据最终的动态图片格式确定的动态图片的数据结构和预
设参数(例如:帧率、帧数和/或帧序等),生成动态图片后,还可以调用render方法将所述动
态图片渲染到扩展程序操作面板中。
保存地址中,其中,用于发送的保存指令的用户操作包括在浏览器界面的操作或在扩展程
序操作面板的操作,例如:根据浏览器弹窗内容点击保存按钮或在扩展程序操作面板中点
击保存按钮等;系统预先设置默认保存地址,也可以通过弹窗或扩展程序操作面板提示用
户进行保存地址的选择和/或修改,可以以复制的形式进行保存,即将所述动态图片保存到
剪贴板中,进而直接将剪贴板中的动态图片进行粘贴和使用,例如,粘贴到文档、图片、应用
程序等。
片选取的顺序或载入所述扩展程序操作面板的顺序等进行自动运算后自动设置。
可得到动态图片数据,根据动态图片数据即可生成动态图片,其中,所述帧列是动态图片数
据中每一帧静态图片数据按一定顺序的排成的队列。
成图片,减少了上传下载的手动操作过程和图片传输过程,大大减少了网络交互,通过当接
收到动态图片合成请求时,根据所述动态图片合成请求展示扩展程序操作面板,获取浏览
器载入所述扩展程序操作面板的待合成图片集,实现了根据浏览器检测到的用户的动态图
片合成需求,直接将浏览器打开的网页中的待合成图片载入扩展程序操作面板,简化了现
有技术中下载待合成图片、保存待合成图片以及上传待合成图片等一系列获取待合成图片
的操作步骤,进而将所述待合成图片集中的全部待合成图片绘制到canvas画布中,生成所
述待合成图片的待合成图片数据,实现了在不依赖网络的情况下得到所述待合成图片的图
像数据,避免了由于大量的网络交互导致动态图片合成过程出现卡顿、延迟或失败等情况
而增加了用户合成动态图片的操作时间和操作步骤,进而通过根据所述待合成图片数据生
成动态图片,实现了动态图片的合成,克服了现有技术合成动态图片操作繁琐的技术问题,
有效地简化了用户对动态图片进行合成的操作过程。
合成图片数据生成动态图片的步骤包括:
图片中每一帧静态图片切换的速度,以每帧图片的播放时间或切换速度等表示,用户可以
在所述扩展程序操作面板中输入、选择或拖拽速率进度条等方式设置和修改所述播放速
率,在一种可实施的方式中,还可以预先设置一个基础的播放速率,以供用户没有输入播放
速率时,也可以得到一张以预设播放速率生成的动态图片,进而提示用户根据动态图片的
效果进行播放速率的修改和调整,为用户的动态图片合成操作提供了便利。
一自定义播放速率时,或者,当接收到浏览器检测到用户触发相关控件发送的动态图片合
成指令时,浏览器读取所述扩展程序操作面板中的播放速率并将该播放速率作为第一自定
义播放速率发送给插件,将所述第一自定义播放速率作为所述待合成图片的播放速率。
述动态图片数据即可生成动态图片。
所述播放速率可以以数值、图形或进度条等方式进行显示。
可以在所述扩展程序操作面板中通过输入、选择或拖拽速率进度条等方式重新发送第二自
定义播放速率,将所述第二自定义播放速率作为所述待合成图片的播放速率。
示效果进行播放速率的修改或调整,更好地满足用户需求,且操作过程简单、方便且容易操
作。
明实施例提供的动态图片合成装置的有益效果与上述实施例提供的动态图片合成方法的
有益效果相同,且该动态图片合成装置中的其他技术特征与上一实施例方法公开的特征相
同,在此不做赘述。
被至少一个处理器执行,以使至少一个处理器能够执行上述实施例一中的动态图片合成方
法。
PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航
终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图3示出的电子设备
仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
的程序而执行各种适当的动作和处理。在RAM中,还存储有电子设备操作所需的各种程序和
数据。处理装置、ROM以及RAM通过总线彼此相连。输入/输出(I/O)接口也连接至总线。
等的输出装置;包括例如磁带、硬盘等的存储装置;以及通信装置。通信装置可以允许电子
设备与其他设备进行无线或有线通信以交换数据。虽然图中示出了具有各种系统的电子设
备,但是应理解的是,并不要求实施或具备所有示出的系统。可以替代地实施或具备更多或
更少的系统。
上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实
施例中,该计算机程序可以通过通信装置从网络上被下载和安装,或者从存储装置被安装,
或者从ROM被安装。在该计算机程序被处理装置执行时,执行本公开实施例的方法中限定的
上述功能。
例提供的电子设备的有益效果与上述实施例一提供的动态图片合成方法的有益效果相同,
且该电子设备中的其他技术特征与上一实施例方法公开的特征相同,在此不做赘述。
中以合适的方式结合。
盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、
随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、
便携式紧凑磁盘只读存储器(CD‑ROM)、光存储器件、磁存储器件、或者上述的任意合适的组
合。在本实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可
以被指令执行系统、系统或者器件使用或者与其结合使用。计算机可读存储介质上包含的
程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述
的任意合适的组合。
述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际
协议地址中,选取网际协议地址并返回;接收所述节点评价设备返回的网际协议地址;其
中,所获取的网际协议地址指示内容分发网络中的边缘节点。
求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其
中,接收到的网际协议地址指示内容分发网络中的边缘节点。
+,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可
以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、
部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。
在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)
或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务
提供商来通过因特网连接)。
表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用
于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标
注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上
可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注
意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执
行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令
的组合来实现。
术相比,本发明实施例提供的计算机可读存储介质的有益效果与上述实施例一或实施例二
提供的动态图片合成方法的有益效果相同,在此不做赘述。
例一或实施例二提供的动态图片合成方法的有益效果相同,在此不做赘述。
术领域,均同理包括在本申请的专利处理范围内。