图片动态展示方法、计算机可读存储介质及计算机设备技术

本申请提供了一种图片动态展示的方法、计算机可读存储介质及计算机设备，方法包括：接收初始图片；将初始图片进行压缩，并保存初始图片的链接地址；根据效果需求决定是否需要动画配置，如果不需要则直接生成动画效果，则返回初始图片的链接地址，进行页面展示；如果需要动画配置，则在选择不同的动画配置后编辑预览再保存动画配置，并将动画配置信息拼接到初始图片的链接地址上，得到最终图片的链接地址并保存，返回最终图片的链接地址，进行页面展示。该方法支持自定义动画效果，内容灵活，且不受限于移动流量和网络传输速度。受限于移动流量和网络传输速度。受限于移动流量和网络传输速度。

【技术实现步骤摘要】
图片动态展示方法、计算机可读存储介质及计算机设备


[0001]本申请属于动画领域，尤其涉及一种图片动态展示的方法、计算机可读存储介质及计算机设备。

技术介绍

[0002]动态图案技术广泛运用在网页广告，而现有的动态图案展示效果仍不能实现最优解。例如：一GIF图案技术是将已定制好的GIF展示在页面上，该方案具有动态效果，可将视频转化为GIF的技术应用，内容灵活，但需要消耗大量流量，且展示效果受限于传输速度，无法承载高清效果；二视频技术是终端通过加载视频模块并自动播放实现动画效果，该技术效果内容灵动，效果多样，并配有语音效果，但不适用于大量平铺模块画面，且更新一次需要进行视频素材更新，成本较大，且依然受限于移动流量与网络加载速度；三动态效果编码技术，采用css、javascript、svg等前端编码技术实现动画效果，不受流量限制，成本较小，但无法实现自定义效果展示，更改动画效果需要进行版本迭代。

技术实现思路

[0003]本申请的目的在于提供一种图片动态展示的方法、计算机可读存储介质及计算机设备，旨在解决动态展示不能同时实现既有灵动效果又不受限于移动网络的问题。
[0004]第一方面，本申请提供了一种图片动态展示的方法，包括：
[0005]接收初始图片；
[0006]将初始图片进行压缩，并保存初始图片的链接地址；
[0007]根据效果需求决定是否需要动画配置，如果不需要则直接生成动画效果，则返回初始图片的链接地址，进行页面展示；
[0008]如果需要动画配置，则在选择不同的动画配置后编辑预览再保存动画配置，并将动画配置信息拼接到初始图片的链接地址上，得到最终图片的链接地址并保存，返回最终图片的链接地址，进行页面展示。
[0009]进一步地，所述链接地址是通过操作数据库存储的机器语言实现数据保存的，所述机器语言包括java、nodejs和mysql。
[0010]进一步地，所述动画配置包括：动画类别、特殊切图、动画延迟、动画速度、蒙层效果和是否动画联动。
[0011]进一步地，所述动画效果是通过css、javascript读取链接地址实现页面展示。
[0012]进一步地，所述将动画配置信息拼接到初始图片的链接地址，具体为：选择javascript、python、Java和Php中的一种将不同的动画配置拼接到初始图片的链接地址，根据不同组合的动画配置编写对应的链接地址
[0013]进一步地，所述方法还包括：将最终图片的链接地址发送到移动终端，以使终端通过接收的链接地址选择是否需要动画配置，展示不同效果的动画页面。
[0014]第二方面，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质存
储有计算机程序，所述计算机程序被处理器执行时实现所述的图片动态展示的方法的步骤。
[0015]第三方面，本申请提供了一种计算机设备，包括：一个或多个处理器、存储器以及一个或多个计算机程序，所述处理器和所述存储器通过总线连接，其中所述一个或多个计算机程序被存储在所述存储器中，并且被配置成由所述一个或多个处理器执行，所述处理器执行所述计算机程序时实现所述的图片动态展示的方法的步骤。
[0016]在本申请的图片动态展示的方法通过将动画配置信息拼接到初始图片的链接地址，并将链接地址保存，可以通过链接选择动画配置，根据需求展示不同的动画效果，支持自定义动画效果，内容灵活，仅靠读取链接地址就可添加动态效果，不受限于移动流量和网络传输速度；还可将最终链接地址发送到其他终端设备，具有通用性；本申请的技术效果在于支持自定义动画效果，内容灵活，不受限于移动流量和网络传输速度，通用性广。
附图说明
[0017]图1是本申请一实施例提供的图片动态展示的方法的流程图。
[0018]图2是本申请一实施例提供的图片动态展示的方法的动画编辑图。
[0019]图3是本申请一实施例提供的另一图片动态展示的方法的动画编辑图。
[0020]图4是本申请一实施例提供的图片动态展示的效果图。
[0021]图5是本申请一实施例提供另一的图片动态展示的效果图。
[0022]图6是本申请一实施例提供的计算机设备的具体结构框图。
具体实施方式
[0023]为了使本申请的目的、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
[0024]为了说明本申请所述的技术方案，下面通过具体实施例来进行说明。
[0025]请参阅图1，本申请一实施例提供的图片动态展示的方法包括以下步骤：需注意的是，若有实质上相同的结果，本申请的图片动态展示的方法并不以图1所示的流程顺序为限。
[0026]S101、接收初始图片；
[0027]S102、将初始图片进行压缩，并保存初始图片的链接地址；
[0028]S103、根据效果需求决定是否需要动画配置，如果不需要则直接生成动画效果，则返回初始图片的链接地址，进行页面展示；
[0029]S104、如果需要动画配置，则在选择不同的动画配置后编辑预览再保存动画配置，并将动画配置信息拼接到初始图片的链接地址上，得到最终图片的链接地址并保存，返回最终图片的链接地址，进行页面展示。
[0030]本申请一实施例中，所述链接地址是通过操作数据库存储的机器语言实现数据保存的，所述机器语言包括java、nodejs和mysql等。
[0031]本申请一实施例中，所述动画配置包括：动画类别、特殊切图、动画延迟、动画速度、蒙层效果和是否动画联动等。
[0032]请参阅图2和图3，可在动画编辑处，选择动画类型，包括：放大镜、滤镜、浮雕和蒙层等；选择范围和位置，以及动画延迟时间和动画间隔时间。还可以选择页面模块动画是否需要联动、动画次序是顺序还是倒叙，最后根据不同选择得到不同的动画组链接地址。
[0033]本申请一实施例中，所述动画效果是通过css、javascript读取链接地址实现页面展示。
[0034]本申请一实施例中，所述将动画配置信息拼接到初始图片的链接地址，具体为：选择javascript、python、Java和Php中的一种将不同的动画配置拼接到初始图片的链接地址，根据不同组合的动画配置编写对应的链接地址
[0035]本申请一实施例中，所述方法还包括：将最终图片的链接地址发送到移动终端，以使终端通过接收的链接地址选择是否需要动画配置，展示不同效果的动画页面。
[0036]H5终端通过接收的初始图片的链接地址加载页面，获取图片地址上的配置参数，根据是否需要动画配置参数，选择不同的动画配置的最终图片的链接地址，渲染带有动画效果的图片，并对其进行展示。
[0037]移动终端可复用配置好的参数，灵活更改展示特效，例如特殊日期的页面展示增益、局部放大等。
[0038]请参阅图4和图5，图4展示圆形内本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图片动态展示的方法，其特征在于，包括：接收初始图片；将初始图片进行压缩，并保存初始图片的链接地址；根据效果需求决定是否需要动画配置，如果不需要则直接生成动画效果，则返回初始图片的链接地址，进行页面展示；如果需要动画配置，则在选择不同的动画配置后编辑预览再保存动画配置，并将动画配置信息拼接到初始图片的链接地址上，得到最终图片的链接地址并保存，返回最终图片的链接地址，进行页面展示。2.如权利要求1所述的方法，其特征在于，所述链接地址是通过操作数据库存储的机器语言来实现数据保存的，所述机器语言包括java、nodejs和mysql。3.如权利要求1所述的方法，其特征在于，所述动画配置包括：动画类别、特殊切图、动画延迟、动画速度、蒙层效果和是否动画联动。4.如权利要求1所述的方法，其特征在于，所述动画效果是通过css、javascript读取图片链接地址实现页面展示。5.如权利要求1所述的方法，其特征在于，所述将动画配置信...

【专利技术属性】
技术研发人员：徐雪，范志强，武露露，殷星，
申请(专利权)人：深圳依时货拉拉科技有限公司，
类型：发明
国别省市：