图像处理方法、装置、存储介质及电子设备制造方法及图纸

本发明专利技术提供一种图像处理方法、装置、存储介质及电子设备，其中，该方法包括：获取待处理的初始页面横幅数据，初始页面横幅数据包括初始物料图层，初始物料图层是按照初始图层信息对目标物料进行显示的；对初始物料图层进行变换处理，得到目标物料图层，并获取目标物料图层的状态变换信息；基于初始图层信息，确定锚点坐标，以及采用状态变换信息和所述锚点坐标，计算目标物料图层的目标位置信息；基于目标位置信息，更新初始图层信息，得到目标图层信息，以将初始页面横幅数据更新为目标页面横幅数据，并在加载目标页面横幅数据时，使得目标物料图层按照目标图层信息对目标物料进行显示。本发明专利技术实施例可实现页面横幅数据的复用，从而节约成本。从而节约成本。从而节约成本。

【技术实现步骤摘要】
图像处理方法、装置、存储介质及电子设备


[0001]本专利技术涉及计算机
，尤其涉及一种图像处理方法、装置、存储介质及电子设备。

技术介绍

[0002]目前，图像处理中的页面横幅(Banner)技术已被广泛应用于各种场景，如商品促销场景和企业推荐场景等；以商品促销场景为例，一些电商企业在重大节日期间进行商品促销时，如何在有限时间内将更多的信息传递给客户以增加点击量，这不仅需要广泛的流量基础作为支撑，还要增加趣味、可交互性等元素，从而吸引客户点击参与；基于此，在app(Application，应用程序)端、pc(personal computer，个人计算机)端以及小程序等渠道投放banner位成为获取流量的主要手段之一。
[0003]在现有技术中，通常使用jpg(Joint Photo graphic Experts Group，一种图片格式)、png(Portable Network Graphic Format，图像文件存储格式)等图片占位，并通过cdn(Content Delivery Network，内容分发网络)链接或者图片静态资源方式加载，或者构建配置后台，以通过接口下发banner图更新；相应的，如果要增加趣味性，则会使用gif(Graphics Interchange Format，图像互换格式)等动效图片。但现有技术依赖环节较多，每次活动迭代都需要banner图片的重新设计，也就是说，需先进行UI(User Interface，用户界面)设计，然后研发或运营进行替换，尤其是只需要相应文案更改或部分区域图片替换也需要进行UI设计，造成额外的成本(如时间成本等)；并且，在实现动效场景时，如果使用gif实现复杂动效(如粒子)，则gif体积将会很大，不利于加载，且还容易出现跳帧现象；如果使用帧动画或者transition(一种过渡效果)实现动效，则不利于后续扩展和复用。
[0004]进一步的，为了实现一些复杂的动效，且实现较好的渲染效果，现有技术通常采用lottie(一款动画效果解决工具)来进行设计和渲染，效果优于gif图，但通过lottie制作好的页面横幅数据也难以复用，必须通过绘图工具进行再次设计开发，从而增加成本。基于此，如何实现页面横幅数据的复用，从而节约成本成为一个研究热点。

技术实现思路

[0005]有鉴于此，本专利技术实施例提供了一种图像处理方法、装置、存储介质及电子设备，以解决页面横幅数据难以复用的问题，也就是说，本专利技术实施例可实现页面横幅数据的复用，从而节约成本。
[0006]根据本专利技术的一方面，提供了一种图像处理方法，所述方法包括：
[0007]获取待处理的初始页面横幅数据，所述初始页面横幅数据包括初始物料图层，所述初始物料图层是按照初始图层信息对目标物料进行显示的；
[0008]对所述初始物料图层进行变换处理，得到目标物料图层，并获取所述目标物料图层的状态变换信息，所述变换处理包括：位置变换处理和/或大小变换处理；
[0009]基于所述初始图层信息，确定锚点坐标，以及采用所述状态变换信息和所述锚点
坐标，计算所述目标物料图层的目标位置信息；
[0010]基于所述目标位置信息，更新所述初始图层信息，得到目标图层信息，以将所述初始页面横幅数据更新为目标页面横幅数据，所述目标页面横幅数据包括所述目标物料图层，并在加载所述目标页面横幅数据时，使得所述目标物料图层按照所述目标图层信息对所述目标物料进行显示。
[0011]根据本专利技术的另一方面，提供了一种图像处理装置，所述装置包括：
[0012]获取单元，用于获取待处理的初始页面横幅数据，所述初始页面横幅数据包括初始物料图层，所述初始物料图层是按照初始图层信息对目标物料进行显示的；
[0013]处理单元，用于对所述初始物料图层进行变换处理，得到目标物料图层，并获取所述目标物料图层的状态变换信息，所述变换处理包括：位置变换处理和/或大小变换处理；
[0014]所述处理单元，还用于基于所述初始图层信息，确定锚点坐标，以及采用所述状态变换信息和所述锚点坐标，计算所述目标物料图层的目标位置信息；
[0015]所述处理单元，还用于基于所述目标位置信息，更新所述初始图层信息，得到目标图层信息，以将所述初始页面横幅数据更新为目标页面横幅数据，所述目标页面横幅数据包括所述目标物料图层，并在加载所述目标页面横幅数据时，使得所述目标物料图层按照所述目标图层信息对所述目标物料进行显示。
[0016]根据本专利技术的另一方面，提供了一种电子设备，所述电子设备包括处理器、以及存储程序的存储器，其中，所述程序包括指令；所述指令在由所述处理器执行时使所述处理器执行如下步骤：
[0017]获取待处理的初始页面横幅数据，所述初始页面横幅数据包括初始物料图层，所述初始物料图层是按照初始图层信息对目标物料进行显示的；
[0018]对所述初始物料图层进行变换处理，得到目标物料图层，并获取所述目标物料图层的状态变换信息，所述变换处理包括：位置变换处理和/或大小变换处理；
[0019]基于所述初始图层信息，确定锚点坐标，以及采用所述状态变换信息和所述锚点坐标，计算所述目标物料图层的目标位置信息；
[0020]基于所述目标位置信息，更新所述初始图层信息，得到目标图层信息，以将所述初始页面横幅数据更新为目标页面横幅数据，所述目标页面横幅数据包括所述目标物料图层，并在加载所述目标页面横幅数据时，使得所述目标物料图层按照所述目标图层信息对所述目标物料进行显示。
[0021]根据本专利技术的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使计算机执行如下步骤：
[0022]获取待处理的初始页面横幅数据，所述初始页面横幅数据包括初始物料图层，所述初始物料图层是按照初始图层信息对目标物料进行显示的；
[0023]对所述初始物料图层进行变换处理，得到目标物料图层，并获取所述目标物料图层的状态变换信息，所述变换处理包括：位置变换处理和/或大小变换处理；
[0024]基于所述初始图层信息，确定锚点坐标，以及采用所述状态变换信息和所述锚点坐标，计算所述目标物料图层的目标位置信息；
[0025]基于所述目标位置信息，更新所述初始图层信息，得到目标图层信息，以将所述初始页面横幅数据更新为目标页面横幅数据，所述目标页面横幅数据包括所述目标物料图
层，并在加载所述目标页面横幅数据时，使得所述目标物料图层按照所述目标图层信息对所述目标物料进行显示。
[0026]本专利技术实施例在获取到待处理的初始页面横幅数据后，可对初始页面横幅数据中的初始物料图层进行变换处理，得到目标物料图层，从而可获取到目标物料图层的状态变换信息，以便于后续对初始页面横幅数据进行更新；其中，初始物料图层是按照初始图层信息对目标物料进行显示的，且该变换处理包括：位置变换处理和/或大小变换处理。然后，可基于初始图层信息，确定锚点坐标，以及采用状态变换信息和本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像处理方法，其特征在于，包括：获取待处理的初始页面横幅数据，所述初始页面横幅数据包括初始物料图层，所述初始物料图层是按照初始图层信息对目标物料进行显示的；对所述初始物料图层进行变换处理，得到目标物料图层，并获取所述目标物料图层的状态变换信息，所述变换处理包括：位置变换处理和/或大小变换处理；基于所述初始图层信息，确定锚点坐标，以及采用所述状态变换信息和所述锚点坐标，计算所述目标物料图层的目标位置信息；基于所述目标位置信息，更新所述初始图层信息，得到目标图层信息，以将所述初始页面横幅数据更新为目标页面横幅数据，所述目标页面横幅数据包括所述目标物料图层，并在加载所述目标页面横幅数据时，使得所述目标物料图层按照所述目标图层信息对所述目标物料进行显示。2.根据权利要求1所述的方法，其特征在于，所述对所述初始物料图层进行变换处理，得到目标物料图层，包括：将所述初始物料图层集成到变换处理组件中，所述变换处理组件用于支持对所述初始物料图层的变换处理；基于所述变换处理组件，对所述初始物料图层进行变换处理，得到目标物料图层。3.根据权利要求1所述的方法，其特征在于，所述状态变换信息包括缩放指示信息和位置移动信息；所述采用所述状态变换信息和所述锚点坐标，计算所述目标物料图层的目标位置信息，包括：采用所述位置移动信息和所述缩放指示信息，计算实质移动信息，所述实质移动信息是指：对所述初始物料图层的变换处理为位置变换处理时的移动信息；对所述实质移动信息和所述锚点坐标进行求和运算，得到所述目标物料图层的目标位置信息。4.根据权利要求3所述的方法，其特征在于，所述缩放指示信息包括横向缩放指示信息和纵向缩放指示信息，所述位置移动信息包括横向位置移动信息和纵向位置移动信息，且所述实质移动信息包括横向实质移动信息和纵向实质移动信息；所述采用所述位置移动信息和所述缩放指示信息，计算实质移动信息，包括：从所述初始图层信息中确定出所述初始物料图层的横向图层长度，并采用所述横向缩放指示信息和所述横向图层长度，计算横向缩放值，以及将所述横向位置移动信息与所述横向缩放值之间的差值，作为所述横向实质移动信息；从所述初始图层信息中确定出所述初始物料图层的纵向图层高度，并采用所述纵向缩放指示信息和所述纵向图层高度，计算纵向缩放值，以及将所述纵向位置移动信息与所述纵向缩放值之间的差值，作为所述纵向实质移动信息。5.根据权利要求3所述的方法，其特征在于，所述锚点坐标是基于所述初始图层信息中的图层缩放比例所确定的，且所述缩放指示信息包括横向缩放指示信息和纵向缩放指示信息；所述方法还包括：根据所述横向缩放指示信息和所述纵向缩放指示信息之间的大小关系，从所述缩放指示信息中选取出目标缩放指示信息，所述目标缩放指示信息小于所述缩放指示信息中除所述目标缩放指示信息以外的其他缩放指示信息；
所述基于所述目标位置信息，更新所述初始图层信息，得到目标图层信息，包括：分别基于所述目标缩放指示信息和所述目标位置信息，更新所述初始图层信息中的图层缩放比例和位置信息，得到目标图层信息。6.根据权利要求1
‑
5任一...

【专利技术属性】
技术研发人员：张志航，王哲，
申请(专利权)人：度小满科技北京有限公司，
类型：发明
国别省市：