CN114241092A - 多图排版方法、多图排版装置及电子设备 - Google Patents
多图排版方法、多图排版装置及电子设备 Download PDFInfo
- Publication number
- CN114241092A CN114241092A CN202111547042.3A CN202111547042A CN114241092A CN 114241092 A CN114241092 A CN 114241092A CN 202111547042 A CN202111547042 A CN 202111547042A CN 114241092 A CN114241092 A CN 114241092A
- Authority
- CN
- China
- Prior art keywords
- equal
- graph
- entries
- images
- row
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000004590 computer program Methods 0.000 claims abstract description 19
- 230000004044 response Effects 0.000 claims description 10
- 238000000926 separation method Methods 0.000 claims description 4
- 239000000203 mixture Substances 0.000 claims description 3
- 238000013473 artificial intelligence Methods 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 14
- 238000004891 communication Methods 0.000 description 13
- 238000012545 processing Methods 0.000 description 8
- 238000013461 design Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 5
- 238000013459 approach Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000012216 screening Methods 0.000 description 3
- 238000004422 calculation algorithm Methods 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000010267 cellular communication Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000010485 coping Effects 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 239000004984 smart glass Substances 0.000 description 1
- 230000002123 temporal effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
提供了一种多图排版方法、多图排版装置、电子设备、计算机可读存储介质及计算机程序产品,涉及计算机技术领域,尤其涉及人工智能技术领域。实现方案为:获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,其中,m≥2,n≥2;以及,基于数量m和数量n,确定展示区的排列成至少一行的m个入口,其中,每个入口用于填充一个图像,每个入口沿列向的尺寸等于虚拟正方形的边长,每个入口沿行向的尺寸等于虚拟正方形的边长的整数倍,每行入口沿行向的尺寸之和等于虚拟正方形的边长的n倍。本公开实施例的技术方案可以提高多图排版的输出效率,灵活应对多变的业务需求。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及人工智能技术领域,具体涉及一种多图排版方法、多图排版装置、电子设备、计算机可读存储介质及计算机程序产品。
背景技术
在网页和应用的界面,经常会将多个图片排版展示。随着互联网和信息技术的不断发展,各种信息的数量和更新速度飞速增长,如何提高多图排版的输出效率,灵活应对多变的业务需求,是目前亟待解决的技术问题。
在此部分中描述的方法不一定是之前已经设想到或采用的方法。除非另有指明,否则不应假定此部分中描述的任何方法仅因其包括在此部分中就被认为是现有技术。类似地,除非另有指明,否则此部分中提及的问题不应认为在任何现有技术中已被公认。
发明内容
本公开提供了一种多图排版方法、多图排版装置、电子设备、计算机可读存储介质及计算机程序产品。
根据本公开的一方面,提供了一种多图排版方法,包括:
获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,其中,m≥2,n≥2;以及
基于数量m和数量n,确定展示区的排列成至少一行的m个入口,其中,每个入口用于填充一个图像,每个入口沿列向的尺寸等于虚拟正方形的边长,每个入口沿行向的尺寸等于虚拟正方形的边长的整数倍,每行入口沿行向的尺寸之和等于虚拟正方形的边长的n倍。
根据本公开的另一方面,提供了一种多图排版装置,包括:
获取单元,配置为获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,其中,m≥2,n≥2;以及
确定单元,配置为基于数量m和数量n,确定展示区的排列成至少一行的m个入口,其中,每个入口用于填充一个图像,每个入口沿列向的尺寸等于虚拟正方形的边长,每个入口沿行向的尺寸等于虚拟正方形的边长的整数倍,每行入口沿行向的尺寸之和等于虚拟正方形的边长的n倍。
根据本公开的又一方面,提供了一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行所述的多图排版方法。
根据本公开的再一方面,提供了一种存储有计算机指令的计算机可读存储介质,其中,所述计算机指令配置为使计算机执行所述的多图排版方法。
根据本公开的再一方面,提供了一种计算机程序产品,包括计算机程序,其中,所述计算机程序在被处理器执行时实现所述的多图排版方法。
根据本公开的一个或多个实施例,可以提高多图排版的输出效率,灵活应对多变的业务需求。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图示例性地示出了实施例并且构成说明书的一部分,与说明书的文字描述一起用于讲解实施例的示例性实施方式。所示出的实施例仅出于示例的目的,并不限制权利要求的范围。在所有附图中,相同的附图标记指代类似但不一定相同的要素。
图1示出了根据本公开的实施例的可以在其中实施本文描述的各种方法的示例性系统的示意图;
图2示出了根据本公开的实施例的多图排版方法的流程图;
图3A示出了根据本公开的实施例的一种可能的排版结果示意图;
图3B示出了根据本公开的实施例的一种可能的排版结果示意图;
图3C示出了根据本公开的实施例的一种可能的排版结果示意图;
图4示出了根据本公开的实施例的多图排版方法的流程图;
图5示出了根据本公开的实施例的一种可能的排版展示结果示意图;
图6示出了根据本公开的实施例的多图排版装置的结构框图;以及
图7示出了能够用于实现本公开的实施例的示例性电子设备的结构框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
在本公开中,除非另有说明,否则使用术语“第一”、“第二”等来描述各种要素不意图限定这些要素的位置关系、时序关系或重要性关系,这种术语只是用于将一个要素与另一要素区分开。在一些示例中,第一要素和第二要素可以指向该要素的同一实例,而在某些情况下,基于上下文的描述,它们也可以指代不同实例。
在本公开中对各种所述示例的描述中所使用的术语只是为了描述特定示例的目的,而并非旨在进行限制。除非上下文另外明确地表明,如果不特意限定要素的数量,则该要素可以是一个也可以是多个。此外,本公开中所使用的术语“和/或”涵盖所列出的项目中的任何一个以及全部可能的组合方式。
多个图片在展示区进行排版展示时,通常,每个图片呈矩形,多个图片的尺寸可以相同或不同,排版后的多个图片整体呈矩形。在展示区,每个图片填充于一个入口,其中,入口可以理解为在展示区的占位。
本公开的发明人了解到,相关技术中,多图排版的图片数量多变、展示需求多变,比如,在不同展示场景下,需要展示的图片数量不同,或者,需要展示的图片呈现不同尺寸的层次化排列。设计师为应对多变的场景需求,通常是根据可能覆盖到的各种情况,针对性地提前设计好各种排版样式,这无疑大大增加了设计投入的成本,导致设计输出效率低下,而且也无法应对多变的业务需求。
基于此,本公开实施例提供了一种多图排版方法、多图排版装置、电子设备、计算机可读存储介质及计算机程序产品,以提高多图排版的输出效率,灵活应对多变的业务需求。
下面将结合附图详细描述本公开的实施例。
图1示出了根据本公开的实施例可以将本文描述的各种方法和装置在其中实施的示例性系统100的示意图。参考图1,该系统100包括一个或多个客户端设备101、102、103、104、105和106、服务器120以及将一个或多个客户端设备耦接到服务器120的一个或多个通信网络110。客户端设备101、102、103、104、105和106可以被配置为执行一个或多个应用程序。
在本公开的实施例中,服务器120可以运行使得能够执行本公开实施例方法的一个或多个服务或软件应用。
在某些实施例中,服务器120还可以提供可以包括非虚拟环境和虚拟环境的其它服务或软件应用。在某些实施例中,这些服务可以作为基于web的服务或云服务提供,例如在软件即服务(SaaS)模型下提供给客户端设备101、102、103、104、105和/或106的用户。
在图1所示的配置中,服务器120可以包括实现由服务器120执行的功能的一个或多个组件。这些组件可以包括可由一个或多个处理器执行的软件组件、硬件组件或其组合。操作客户端设备101、102、103、104、105和/或106的用户可以依次利用一个或多个客户端应用程序来与服务器120进行交互以利用这些组件提供的服务。应当理解,各种不同的系统配置是可能的,其可以与系统100不同。因此,图1是用于实施本文所描述的各种方法的系统的一个示例,并且不旨在进行限制。
用户可以使用客户端设备101、102、103、104、105和/或106来实现多图排版。客户端设备可以提供使客户端设备的用户能够与客户端设备进行交互的接口。客户端设备还可以经由该接口向用户输出信息。尽管图1仅描绘了六种客户端设备,但是本领域技术人员将能够理解,本公开可以支持任何数量的客户端设备。
客户端设备101、102、103、104、105和/或106可以包括各种类型的计算机设备,例如便携式手持设备、通用计算机(诸如个人计算机和膝上型计算机)、工作站计算机、可穿戴设备、智能屏设备、自助服务终端设备、服务机器人、游戏系统、瘦客户端、各种消息收发设备、传感器或其它感测设备等。这些计算机设备可以运行各种类型和版本的软件应用程序和操作系统,例如MICROSOFT Windows、APPLE iOS、类UNIX操作系统、Linux或类Linux操作系统(例如GOOGLE Chrome OS);或包括各种移动操作系统,例如MICROSOFT WindowsMobile OS、iOS、Windows Phone、Android。便携式手持设备可以包括蜂窝电话、智能电话、平板电脑、个人数字助理(PDA)等。可穿戴设备可以包括头戴式显示器(诸如智能眼镜)和其它设备。游戏系统可以包括各种手持式游戏设备、支持互联网的游戏设备等。客户端设备能够执行各种不同的应用程序,例如各种与Internet相关的应用程序、通信应用程序(例如电子邮件应用程序)、短消息服务(SMS)应用程序,并且可以使用各种通信协议。
网络110可以是本领域技术人员熟知的任何类型的网络,其可以使用多种可用协议中的任何一种(包括但不限于TCP/IP、SNA、IPX等)来支持数据通信。仅作为示例,一个或多个网络110可以是局域网(LAN)、基于以太网的网络、令牌环、广域网(WAN)、因特网、虚拟网络、虚拟专用网络(VPN)、内部网、外部网、公共交换电话网(PSTN)、红外网络、无线网络(例如蓝牙、WIFI)和/或这些和/或其它网络的任意组合。
服务器120可以包括一个或多个通用计算机、专用服务器计算机(例如PC(个人计算机)服务器、UNIX服务器、中端服务器)、刀片式服务器、大型计算机、服务器群集或任何其它适当的布置和/或组合。服务器120可以包括运行虚拟操作系统的一个或多个虚拟机,或者涉及虚拟化的其它计算架构(例如可以被虚拟化以维护服务器的虚拟存储设备的逻辑存储设备的一个或多个灵活池)。在各种实施例中,服务器120可以运行提供下文所描述的功能的一个或多个服务或软件应用。
服务器120中的计算单元可以运行包括上述任何操作系统以及任何商业上可用的服务器操作系统的一个或多个操作系统。服务器120还可以运行各种附加服务器应用程序和/或中间层应用程序中的任何一个,包括HTTP服务器、FTP服务器、CGI服务器、JAVA服务器、数据库服务器等。
在一些实施方式中,服务器120可以包括一个或多个应用程序,以分析和合并从客户端设备101、102、103、104、105和/或106的用户接收的数据馈送和/或事件更新。服务器120还可以包括一个或多个应用程序,以经由客户端设备101、102、103、104、105和/或106的一个或多个显示设备来显示数据馈送和/或实时事件。
在一些实施方式中,服务器120可以为分布式系统的服务器,或者是结合了区块链的服务器。服务器120也可以是云服务器,或者是带人工智能技术的智能云计算服务器或智能云主机。云服务器是云计算服务体系中的一项主机产品,以解决传统物理主机与虚拟专用服务器(VPS,Virtual Private Server)服务中存在的管理难度大、业务扩展性弱的缺陷。
系统100还可以包括一个或多个数据库130。在某些实施例中,这些数据库可以用于存储数据和其它信息。例如,数据库130中的一个或多个可用于存储诸如音频文件和视频文件的信息。数据库130可以驻留在各种位置。例如,由服务器120使用的数据库可以在服务器120本地,或者可以远离服务器120且可以经由基于网络或专用的连接与服务器120通信。数据库130可以是不同的类型。在某些实施例中,由服务器120使用的数据库例如可以是关系数据库。这些数据库中的一个或多个可以响应于命令而存储、更新和检索到数据库以及来自数据库的数据。
在某些实施例中,数据库130中的一个或多个还可以由应用程序使用来存储应用程序数据。由应用程序使用的数据库可以是不同类型的数据库,例如键值存储库,对象存储库或由文件系统支持的常规存储库。
图1的系统100可以以各种方式配置和操作,以使得能够应用根据本公开所描述的各种方法和装置。
如图2所示,本公开一些实施例提供了一种多图排版方法200,该方法包括以下步骤S201和步骤S202。
在步骤S201,获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,其中,m≥2,n≥2。
在步骤S202,基于数量m和数量n,确定展示区的排列成至少一行的m个入口(即在展示区的占位),其中,每个入口用于填充一个图像,每个入口沿列向的尺寸等于虚拟正方形的边长,每个入口沿行向的尺寸等于虚拟正方形的边长的整数倍,每行入口沿行向的尺寸之和等于虚拟正方形的边长的n倍。
有别于相关技术需要设计师针对性地、提前设计出各种排版样式,本公开实施例技术方案可以基于在展示区待展示的图像的数量,快速进行多个入口的智能自动排版,设计师所需投入的人力成本和时间成本大大减小。此外,多图排版也可以由用户在客户端轻松操作。本公开实施例技术方案,可以提高多图排版的输出效率,灵活应对多变的业务需求。
在本公开实施例中,在展示区待展示的图像可以为图片或视频。例如,待展示的图像数量为9个,该9个图像全部为图片;例如,为丰富展示内容,9个图像中,其中一个为短视频,其余为图片。本公开对每个图像的内容、格式不做具体限定,用户可以根据需要灵活选择。
本公开实施例多图排版方法既可以应用于网络服务器,也可以应用于客户端。当应用于客户端时,客户端既可以是在线状态,也可以是离线状态。
本公开实施例多图排版方法在实现时,需获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,从而基于数量m和数量n,确定出展示区的m个入口,实现m个入口的智能自动排版。
数量m和数量n分别可以为用户输入的数值、系统默认的数值,或者系统根据算法确定出的数值,本公开对此不作具体限定。在一些实施例中,数量n为系统默认的数值,数量m为用户输入的数值,这样,用户只需要输入数量m,系统便可自动进行多个入口的只能智能排版。
图3A、图3B和图3C示意了采用本公开实施例多图排版方法可能出现的一些随机排版结果,仅示意了其中一部分。在图3A中,数量m=3,数量n=4;在图3B中,数量m=6,数量n=4;在图3C中,数量m=9,数量n=4。
如图3A、图3B和图3C所示,虚拟正方形311可以理解为,展示区沿行向所允许划分出的、呈正方形形状的最小占位。每个入口310沿列向的尺寸等于虚拟正方形311的边长,每个入口310沿行向的尺寸等于虚拟正方形311的边长的整数倍,每行入口310沿行向的尺寸之和等于虚拟正方形311的边长的n倍。入口310最小可以与一个虚拟正方形311等大,入口310沿行向的尺寸最大可以为虚拟正方形311的边长的n倍。虚拟正方形311的边长可以基于展示区沿行向的尺寸和前述数量n来确定。
在本公开实施例中,行向和列向是相对而言的,行向和列向正交,但不限定其具体方向。例如,相对某一参照,行向可以是横向方向、纵向方向或者斜向方向,列向与其正交。
例如,图3A中所示的第一个入口310沿行向的尺寸等于虚拟正方形311的边长的2倍。例如,图3A中所示的一行入口310沿行向的尺寸之和等于虚拟正方形311的边长的4倍。
在本公开的一些实施例中,确定展示区的排列成至少一行的m个入口,包括:
在[1,n-Σri-1]范围内依次产生随机整数r1,r2,r3…,ri,直至随机整数ri=n-Σri-1,其中,i表示所产生的随机整数的序位,并且,r0=0;
响应于未确定入口的数量不小于所产生的随机整数的数量,基于所产生的随机整数,确定排列在当前行的至少一个入口,其中,每个入口与一个随机整数一一对应配置,并且,每个入口沿行向的尺寸与虚拟正方形的边长的比值等于随机整数。
可以理解的,由于随机整数的产生是随机的,因此,最终确定出的m个入口的排版(例如入口的行数、入口的尺寸大小、入口的位置)也是随机的。
参考图3B所示,以m=6,n=4为例,对该实施例在步骤S202中可能出现的一种随机情形进行示例说明。在这种随机情形下,步骤S202包括以下子步骤:
子步骤一,在[1,4]范围内产生出随机整数r1=2;然后,在[1,2]范围内产生出随机整数r2=1;然后,产生出随机整数r3=1,由于r3=4-(2+1),故停止产生随机整数;
子步骤二,响应于未确定入口的数量6不小于所产生随机整数的数量3,基于所产生的随机整数“2,1,1”,确定排列在第一行的3个入口,该行入口中,第一个入口沿行向的尺寸等于虚拟正方形的边长的2倍,第二个入口和第三个入口沿行向的尺寸分别等于虚拟正方形的边长;
子步骤三,在[1,4]范围内产生出随机整数r1=4,由于r1=4-0,故停止产生随机整数;
子步骤四,响应于未确定入口的数量3不小于所产生随机整数的数量1,基于所产生的随机整数“4”,确定排列在第二行的1个入口,该入口沿行向的尺寸等于虚拟正方形的边长的4倍;
子步骤五,在[1,4]范围内产生出随机整数r1=2;然后,在[1,2]范围内产生出随机整数r2=2,由于r2=4-2,故停止产生随机整数;
子步骤六,响应于未确定入口的数量2不小于所产生随机整数的数量2,基于所产生的随机整数“2,2”,确定排列在第三行的2个入口,该行入口中,第一个入口和第二个入口沿行向的尺寸分别等于虚拟正方形的边长的2倍。
在本公开的一些实施例中,确定展示区的排列成至少一行的m个入口,还包括:
响应于未确定入口的数量小于所产生的随机整数的数量,基于所产生的随机整数,确定排列在当前行的至少一个入口,其中,至少一个入口沿行向的尺寸与虚拟正方形的边长的比值等于至少两个随机整数之和。
由于随机整数的产生是随机的,所以可能出现未确定入口的数量小于所产生的随机整数的数量的情形,为了实现版面的整齐、完整,可以将其中至少一个入口按照以下规则设置:入口的沿行向的尺寸与虚拟正方形的边长的比值,等于至少两个随机整数之和。
例如,假设在前述子步骤五中,产生了3个随机整数“2,1,1”,而尚未确定入口的数量为2,也就是实际上只需要2个入口,此时,为了实现版面的整齐、完整,可以将第一个入口沿行向的尺寸设置为等于虚拟正方形的边长的2倍,第二个入口沿行向的尺寸也设置为等于虚拟正方形的边长的2倍(该倍数通过对后两个随机整数“1”和“1”求和得到)。或者,将第一个入口沿行向的尺寸设置为等于虚拟正方形的边长的3倍(该倍数通过对前两个随机整数“2”和“1”求和得到),第二个入口沿行向的尺寸设置为等于虚拟正方形的边长。
又例如,假设在前述子步骤五中,产生了3个随机整数“2,1,1”,而尚未确定入口的数量为1,也就是实际上只需要1个入口,此时,为了实现版面的整齐、完整,可以将该入口沿行向的尺寸设置为等于虚拟正方形的边长的4倍(该倍数通过对三个随机整数“2,1,1”求和得到)。
该实施例方案设计可以实现展示区多图排版的完整性,不会存在空白多余入口,使得排版设计更加人性化、智能化。
在一些实施例中,多图排版方法,还包括:响应于m个入口沿行向的尺寸全部相同,重新确定展示区的排列成至少一行的m个入口。
由于m个入口的排版是随机的,因此,可能出现m个入口沿行向的尺寸全部相同的情形,也就是m个入口的尺寸全部相同。在本公开的这些实施例中,当出现这种情形时,循环执行上述确定m个入口的步骤,直到m个入口沿行向的尺寸不完全相同。这样,可以使m个入口在展示区的排版呈现出大小不一的层次化,突出重点需要展示的图像,进而使m个图像在展示区的排版呈现出层次化,提高展示的丰富性和个性化。
采用上述方法确定出展示区的m个入口,即形成了针对m个入口的一版排版,在一些实施例中,多图排版方法还包括:将展示区的m个入口的特征信息进行存储。这样,存储的排版可以在下次类似应用场景时直接调用,有利于节约程序资源。
如图4所示,在本公开的一些实施例中,多图排版方法包括以下步骤S401至步骤S404。
在步骤S401,获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n。具体可参考前述步骤S401。
在步骤S402,基于数量m和数量n,确定展示区的排列成至少一行的m个入口。具体可参考前述步骤S402。
在步骤S403,获取与m个入口一一对应配置的m个图像。
在步骤S403,将m个图像一一对应的填充于m个入口。
在确定出展示区的m个入口,可以按照上述步骤将m个图像一一对应的填充于m个入口,从而实现m个图像在展示区的展示。
本公开实施例技术方案可以基于在展示区待展示的图像的数量,快速进行多个图像的智能排版与展示,相比相关技术,可以大大提升多图排版展示的输出效率,可以灵活应对多变的业务需求。
在一些实施例中,获取与m个入口一一对应配置的m个图像,包括:基于数量m、m个入口的特征信息,以及图像属性的选择优先级,从图像库中获取与m个入口一一对应配置的m个图像。其中,入口的特征信息例如包括位置和/或尺寸。
图像库例如可以为本地图像库或者网络图像库,图像库中的图像可以由用户或网页设计人员根据图像属性进行归类整理。在一些实施例中,图像属性包括以下至少一种:图像的尺寸、图像的长宽比、图像的内容类型或图像的分辨率。
图像属性的选择优先级可以为默认设置,也可以根据个性化需求灵活设置。例如,在一个实施例中,图像属性的选择优先级从高到底依次设置为:图像的内容类型、图像的分辨率、图像的长宽比。在从图像库中选择与入口对应的图像时,先筛选出内容类型与需求相符的一些图像,再从中筛选出分辨率与需求相符的一些图像,再从中筛选出长宽比与需求相符的图像作为该入口所对应的图像
该实施例不但能够实现多个图像的智能排版与展示,还能够根据图像属性的选择优先级将更加符合需求的图像进行展示,而且展示效果更佳。
例如,将内容类型符合且分辨率较高的图像填充在较大的入口,将内容类型符合但分辨率较低的图像填充在较小的入口,等等。
在本公开的另一些实施例中,获取与m个入口一一对应配置的m个图像,包括:获取输入的与m个入口一一对应配置的m个图像。
该实施例支持用户根据需求和喜好自定义m个入口的图像填充,用户可以任意选择m个图像填充在m个入口,并且填充顺序、填充位置可以灵活调整。
在本公开实施例中,如图3A、图3B和图3C所示,m个图像可以无间隔紧密排列。
在本公开的另一些实施例中,多图排版方法还包括:在将m个图像一一对应的填充于m个入口之后,在相邻图像的分界处覆盖图像分隔条。如图5所示,图像分隔条521添加后,相邻图像520的分隔清晰可见。
图像分隔条的宽度尺寸可以由用户输入设置,也可以为系统默认值,本公开对此不做具体限定。该方案可以使相邻两个图像之间分隔明晰,多图排版展示效果更佳。
如图6所示,本公开实施例还提供一种多图排版装置600,包括:
获取单元601,配置为获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,其中,m≥2,n≥2;以及
确定单元602,配置为基于数量m和数量n,确定展示区的排列成至少一行的m个入口,其中,每个入口用于填充一个图像,每个入口沿列向的尺寸等于虚拟正方形的边长,每个入口沿行向的尺寸等于虚拟正方形的边长的整数倍,每行入口沿行向的尺寸之和等于虚拟正方形的边长的n倍。
如前述分析,本公开上述实施例的装置可以基于在展示区待展示的图像的数量,快速进行多个入口的智能自动排版,设计师投入的人力成本和时间成本大大减小,从而提高了多图排版的输出效率,可以灵活应对多变的业务需求。
本公开的技术方案中,所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理,均符合相关法律法规的规定,且不违背公序良俗。需要说明的是,本实施例中的图像并不是针对某一特定用户,并不能反映出某一特定用户的个人信息。
根据本公开的实施例,还提供了一种电子设备、一种计算机可读存储介质和一种计算机程序产品。
参考图7,现将描述可以作为本公开的服务器或客户端的电子设备700的结构框图,其是可以应用于本公开的各方面的硬件设备的示例。电子设备旨在表示各种形式的数字电子的计算机设备,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图7所示,电子设备700包括计算单元701,其可以根据存储在只读存储器(ROM)702中的计算机程序或者从存储单元708加载到随机访问存储器(RAM)703中的计算机程序,来执行各种适当的动作和处理。在RAM 703中,还可存储电子设备700操作所需的各种程序和数据。计算单元701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
电子设备700中的多个部件连接至I/O接口705,包括:输入单元706、输出单元707、存储单元708以及通信单元709。输入单元706可以是能向电子设备700输入信息的任何类型的设备,输入单元706可以接收输入的数字或字符信息,以及产生与电子设备的用户设置和/或功能控制有关的键信号输入,并且可以包括但不限于鼠标、键盘、触摸屏、轨迹板、轨迹球、操作杆、麦克风和/或遥控器。输出单元707可以是能呈现信息的任何类型的设备,并且可以包括但不限于显示器、扬声器、视频/音频输出终端、振动器和/或打印机。存储单元708可以包括但不限于磁盘、光盘。通信单元709允许电子设备700通过诸如因特网的计算机网络和/或各种电信网络与其它设备交换信息/数据,并且可以包括但不限于调制解调器、网卡、红外通信设备、无线通信收发机和/或芯片组,例如蓝牙TM设备、802.11设备、WiFi设备、WiMax设备、蜂窝通信设备和/或类似物。
计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理。例如,一些实施例方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元708。在一些实施例中,计算机程序的部分或者全部可以经由ROM 702和/或通信单元709而被载入和/或安装到电子设备700上。当计算机程序加载到RAM 703并由计算单元701执行时,可以执行上文描述的实施例方法的一个或多个步骤。备选地,在其它实施例中,计算单元701可以通过其它任何适当的方式(例如,借助于固件)而被配置为执行上文描述的实施例方法。
本公开实施例还提供一种存储有计算机指令的计算机可读存储介质,计算机指令配置为使计算机执行前述任一实施例方法的步骤。
此外,本公开实施例还提供一种计算机程序产品,包括计算机程序,其中,计算机程序被处理器执行时实现前述任一实施例方法的步骤。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式系统的服务器,或者是结合了区块链的服务器。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本公开中记载的各步骤可以并行地执行、也可以顺序地或以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
虽然已经参照附图描述了本公开的实施例或示例,但应理解,上述的方法、系统和设备仅仅是示例性的实施例或示例,本发明的范围并不由这些实施例或示例限制,而是仅由授权后的权利要求书及其等同范围来限定。实施例或示例中的各种要素可以被省略或者可由其等同要素替代。此外,可以通过不同于本公开中描述的次序来执行各步骤。进一步地,可以以各种方式组合实施例或示例中的各种要素。重要的是随着技术的演进,在此描述的很多要素可以由本公开之后出现的等同要素进行替换。
Claims (15)
1.一种多图排版方法,包括:
获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,其中,m≥2,n≥2;以及
基于数量m和数量n,确定展示区的排列成至少一行的m个入口,其中,每个入口用于填充一个图像,每个入口沿列向的尺寸等于虚拟正方形的边长,每个入口沿行向的尺寸等于虚拟正方形的边长的整数倍,每行入口沿行向的尺寸之和等于虚拟正方形的边长的n倍。
2.根据权利要求1所述的多图排版方法,其中,所述确定展示区的排列成至少一行的m个入口,包括:
在[1,n-Σri-1]范围内依次产生随机整数r1,r2,r3…,ri,直至随机整数ri=n-Σri-1,其中,i表示所产生的随机整数的序位,且r0=0;
响应于未确定入口的数量不小于所产生的随机整数的数量,基于所产生的随机整数,确定排列在当前行的至少一个入口,其中,每个入口与一个随机整数一一对应配置,并且,每个入口沿行向的尺寸与虚拟正方形的边长的比值,等于对应的随机整数。
3.根据权利要求2所述的多图排版方法,其中,所述确定展示区的排列成至少一行的m个入口,还包括:
响应于未确定入口的数量小于所产生的随机整数的数量,基于所产生的随机整数,确定排列在当前行的至少一个入口,其中,至少存在一个入口沿行向的尺寸与虚拟正方形的边长的比值,等于至少两个随机整数之和。
4.根据权利要求1所述的多图排版方法,还包括:
响应于m个入口沿行向的尺寸全部相同,重新确定展示区的排列成至少一行的m个入口。
5.根据权利要求1所述的多图排版方法,还包括:
获取与m个入口一一对应配置的m个图像;以及
将m个图像一一对应的填充于m个入口。
6.根据权利要求5所述的多图排版方法,其中,所述获取与m个入口一一对应配置的m个图像,包括:
基于数量m、m个入口的特征信息,以及图像属性的选择优先级,从图像库中获取与m个入口一一对应配置的m个图像。
7.根据权利要求6所述的多图排版方法,其中,所述图像属性包括以下至少一种:
图像的内容类型、图像的分辨率、图像的长宽比或图像的尺寸。
8.根据权利要求5所述的多图排版方法,其中,所述获取与m个入口一一对应配置的m个图像,包括:
获取输入的与m个入口一一对应配置的m个图像。
9.根据权利要求5所述的多图排版方法,还包括:
在所述将m个图像一一对应的填充于m个入口之后,在相邻图像的分界处覆盖图像分隔条。
10.根据权利要求1所述的多图排版方法,还包括:
将展示区的m个入口的特征信息进行存储。
11.根据权利要求1至10中任一项所述的多图排版方法,其中,所述图像包括图片或视频。
12.一种多图排版装置,包括:
获取单元,配置为获取在展示区待展示的图像的数量m,以及在展示区沿行向所允许排列的虚拟正方形的数量n,其中,m≥2,n≥2;以及
确定单元,配置为基于数量m和数量n,确定展示区的排列成至少一行的m个入口,其中,每个入口用于填充一个图像,每个入口沿列向的尺寸等于虚拟正方形的边长,每个入口沿行向的尺寸等于虚拟正方形的边长的整数倍,每行入口沿行向的尺寸之和等于虚拟正方形的边长的n倍。
13.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1至11中任一项所述的多图排版方法。
14.一种存储有计算机指令的计算机可读存储介质,其中,所述计算机指令配置为使计算机执行根据权利要求1至11中任一项所述的多图排版方法。
15.一种计算机程序产品,包括计算机程序,其中,所述计算机程序在被处理器执行时实现权利要求1至11中任一项所述的多图排版方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111547042.3A CN114241092A (zh) | 2021-12-16 | 2021-12-16 | 多图排版方法、多图排版装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111547042.3A CN114241092A (zh) | 2021-12-16 | 2021-12-16 | 多图排版方法、多图排版装置及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114241092A true CN114241092A (zh) | 2022-03-25 |
Family
ID=80757515
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111547042.3A Pending CN114241092A (zh) | 2021-12-16 | 2021-12-16 | 多图排版方法、多图排版装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114241092A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114722640A (zh) * | 2022-06-08 | 2022-07-08 | 广东时谛智能科技有限公司 | 一种个性化定制鞋体模型的方法及装置 |
-
2021
- 2021-12-16 CN CN202111547042.3A patent/CN114241092A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114722640A (zh) * | 2022-06-08 | 2022-07-08 | 广东时谛智能科技有限公司 | 一种个性化定制鞋体模型的方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10691284B2 (en) | Canvas layout algorithm | |
CN114115681B (zh) | 页面生成方法及装置、电子设备和介质 | |
JP2022027629A (ja) | ビデオイベント識別方法、装置、電子デバイス及び記憶媒体 | |
CN115511779B (zh) | 图像检测方法、装置、电子设备和存储介质 | |
JP2021152901A (ja) | 画像を生成するための方法及装置 | |
CN113326403B (zh) | 流程图渲染方法及装置、电子设备和介质 | |
CN115601555A (zh) | 图像处理方法及装置、设备和介质 | |
CN113382310B (zh) | 信息推荐方法及装置、电子设备和介质 | |
CN114241092A (zh) | 多图排版方法、多图排版装置及电子设备 | |
WO2023239468A1 (en) | Cross-application componentized document generation | |
CN114510308B (zh) | 移动终端存储应用页面的方法、装置、设备和介质 | |
CN114327718B (zh) | 界面展示方法及装置、设备和介质 | |
CN113722628B (zh) | 显示信息流的方法、装置、设备和介质 | |
CN113436604B (zh) | 播报内容的方法及装置、电子设备和存储介质 | |
CN115756696A (zh) | 信息处理方法、装置、设备和介质 | |
CN113254469A (zh) | 数据筛选方法及装置、设备和介质 | |
CN114092556A (zh) | 用于确定人体姿态的方法、装置、电子设备、介质 | |
AU2022368364B2 (en) | Control method, device, equipment and storage medium for interactive reproduction of target object | |
CN112507671B (zh) | 用于调整文本间距的方法、装置、以及可读介质 | |
CN114882331A (zh) | 图像处理方法、装置、设备和介质 | |
CN113971256A (zh) | 页面的处理方法、装置、电子设备和存储器 | |
CN114842297A (zh) | 图像处理方法、模型训练方法、装置、设备及介质 | |
CN116129245A (zh) | 图像反卷积方法及装置、设备和介质 | |
CN115761093A (zh) | 渲染方法、装置、电子设备和存储介质 | |
AU2022368364A1 (en) | Control method, device, equipment and storage medium for interactive reproduction of target object |
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 |