CN106934838A - Picture display method, equipment and programmable device - Google Patents

Picture display method, equipment and programmable device Download PDF

Info

Publication number
CN106934838A
CN106934838A CN201710069127.2A CN201710069127A CN106934838A CN 106934838 A CN106934838 A CN 106934838A CN 201710069127 A CN201710069127 A CN 201710069127A CN 106934838 A CN106934838 A CN 106934838A
Authority
CN
China
Prior art keywords
picture
presentation layer
target photo
display
presentation
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
Application number
CN201710069127.2A
Other languages
Chinese (zh)
Inventor
尤洋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Guangzhou Alibaba Literature Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Alibaba Literature Information Technology Co Ltd filed Critical Guangzhou Alibaba Literature Information Technology Co Ltd
Priority to CN201710069127.2A priority Critical patent/CN106934838A/en
Publication of CN106934838A publication Critical patent/CN106934838A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00Two-dimensional [2D] image generation
    • G06T11/10Texturing; Colouring; Generation of textures or colours
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T5/00Image enhancement or restoration
    • G06T5/70Denoising; Smoothing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The invention discloses a kind of picture display method, equipment and programmable device.The method includes:Fringe region to Target Photo carries out Fuzzy processing to obtain main picture, and main picture is arranged at into default first presentation layer;Zone Full to Target Photo carries out Fuzzy processing to obtain intermediate picture, each color cell included to the fringe region of intermediate picture carries out gradually change process according to predetermined aim colour, the background picture that acquisition is matched with default second presentation layer, and background picture is arranged at the second presentation layer;According to the first presentation layer and the second presentation layer, the picture presentation interface of Target Photo is generated.According to the present invention it is possible to so that the main picture of displaying be connected transitions smooth with background picture main picture with background picture, the bandwagon effect with immersion, overall harmony is attractive in appearance, and the picture browsing of lifting user is experienced.

Description

图片展示方法、设备及可编程设备Picture display method, device and programmable device

技术领域technical field

本发明涉及图片处理技术领域,更具体地,涉及一种图片展示方法、设备及可编程设备。The present invention relates to the technical field of picture processing, and more particularly, to a picture display method, device and programmable device.

背景技术Background technique

随着计算机技术以及互联网技术的发展,用户可以非常便捷地具有图片展示功能的应用程序(例如图库软件、提供图片展示功能的浏览器、或者具有图片展示功能的购物软件、阅读软件等软件客户端等)浏览各种图片。With the development of computer technology and Internet technology, users can very conveniently use software clients with image display functions (such as gallery software, browsers that provide image display functions, or shopping software and reading software with image display functions) etc.) Browse various pictures.

但是,目前这些应用程序在展示图片时,往往都是直接展示出来,完全脱离展示图片的背景,使得图片展现十分突兀,极大影响用户浏览图片时的体验。针对这个问题,也有少数仅是根据图片填充背景,但是图片与背景之间具有明显的界限,展示效果十分生硬,也并不美观。However, at present, when these applications display pictures, they are often displayed directly, completely separated from the background of the displayed pictures, which makes the picture display very abrupt and greatly affects the user's experience when browsing pictures. In response to this problem, there are also a few that only fill the background with pictures, but there is a clear boundary between the picture and the background, and the display effect is very stiff and not beautiful.

因此,发明人人认为,有必要针对现有技术中存在的问题进行改进。Therefore, the inventors believe that it is necessary to improve the problems existing in the prior art.

发明内容Contents of the invention

本发明的一个目的是提供一种用于展示图片的新技术方案。An object of the present invention is to provide a new technical solution for displaying pictures.

根据本发明的第一方面,提供了一种图片展示方法,包括:According to a first aspect of the present invention, a method for displaying pictures is provided, including:

对目标图片的边缘区域进行模糊化处理以获取主图片,将所述主图片设置于预设的第一展示层;Blurring the edge area of the target picture to obtain the main picture, and setting the main picture on the preset first display layer;

对所述目标图片的全部区域进行模糊化处理以获取中间图片,对所述中间图片的边缘区域所包含的每个颜色单元根据预定的目标色进行渐变化处理,获取与预设的第二展示层匹配的背景图片,并将所述背景图片设置于第二展示层;Perform blurring processing on the entire area of the target image to obtain an intermediate image, perform gradual change processing on each color unit contained in the edge area of the intermediate image according to a predetermined target color, and obtain a preset second display layer matching background image, and setting the background image on the second display layer;

根据所述第一展示层以及所述第二展示层,生成目标图片的图片展示界面。A picture display interface of the target picture is generated according to the first display layer and the second display layer.

可选地,所述方法还包括:Optionally, the method also includes:

对所述第二展示层所包含的特定控件进行隐藏处理或透明化处理,以生成目标图片的图片展示界面。The specific controls included in the second presentation layer are hidden or transparentized to generate a picture display interface of the target picture.

或者,可选地,所述方法还包括:Or, optionally, the method also includes:

当所述目标图片与所述第一展示层不匹配时,对所述目标图片进行预处理,以获取与所述第一展示层匹配的目标图片之后,执行所述获取主图片步骤。When the target picture does not match the first presentation layer, the target picture is preprocessed to obtain a target picture matching the first presentation layer, and then the step of acquiring a main picture is performed.

或者,可选地,所述目标色为所述目标图片的主色,所述方法还包括:Or, optionally, the target color is the main color of the target picture, and the method further includes:

获取所述目标图片的颜色直方图以确定所述目标图片的主色。Acquiring the color histogram of the target picture to determine the dominant color of the target picture.

或者,可选地,所述方法还包括:Or, optionally, the method also includes:

响应于展示参数设置请求,设置所述第一展示层、所述第二展示层或者所述目标色中至少之一。In response to a display parameter setting request, at least one of the first display layer, the second display layer, or the target color is set.

或者,可选地,所述模糊化处理为高斯模糊,和/或所述渐变化处理为径向渐变。Or, optionally, the blurring process is a Gaussian blur, and/or the gradual change process is a radial gradient.

根据本发明的第二方面,提供一种图片展示设备,包括:According to a second aspect of the present invention, there is provided a picture display device, comprising:

第一展示层设置单元,用于对目标图片的边缘区域进行模糊化处理以获取主图片,将所述主图片设置于预设的第一展示层;The first presentation layer setting unit is used to blur the edge area of the target picture to obtain the main picture, and set the main picture in the preset first presentation layer;

第二展示层设置单元,用于对所述目标图片的全部区域进行模糊化处理以获取中间图片,对所述中间图片的边缘区域所包含的每个颜色单元根据预定的目标色进行渐变化处理,获取与预设的第二展示层匹配的背景图片,并将所述背景图片设置于第二展示层;The second display layer setting unit is used to blur the entire area of the target picture to obtain an intermediate picture, and perform gradual change processing on each color unit contained in the edge area of the intermediate picture according to a predetermined target color. , obtaining a background image matching the preset second display layer, and setting the background image on the second display layer;

展示界面生成单元,用于根据所述第一展示层以及所述第二展示层,生成目标图片的图片展示界面。The display interface generating unit is configured to generate a picture display interface of the target picture according to the first display layer and the second display layer.

可选地,所述设备还包括:Optionally, the device also includes:

控件处理单元,用于对所述第二展示层所包含的特定控件进行隐藏处理或透明化处理,以生成目标图片的图片展示界面。The control processing unit is configured to hide or make transparent the specific controls contained in the second presentation layer, so as to generate a picture display interface of the target picture.

或者,可选地,所述设备还包括:Or, optionally, the device further includes:

预处理单元,用于当所述目标图片与所述第一展示层不匹配时,对所述目标图片进行预处理,以获取与所述第一展示层匹配的目标图片之后,触发所述第一展示层设置单元工作。A preprocessing unit, configured to preprocess the target picture when the target picture does not match the first presentation layer, so as to trigger the second presentation after obtaining a target picture that matches the first presentation layer. A display layer setup unit works.

或者,可选地,所述目标色为所述目标图片的主色,所述设备还包括:Or, optionally, the target color is the main color of the target picture, and the device further includes:

主色获取单元,用于获取所述目标图片的颜色直方图以确定所述目标图片的主色。A dominant color acquiring unit, configured to acquire a color histogram of the target picture to determine the dominant color of the target picture.

或者,可选地,所述设备还包括:Or, optionally, the device further includes:

展示参数设置单元,用于响应于展示参数设置请求,设置所述第一展示层、所述第二展示层或者所述目标色中至少之一。A display parameter setting unit, configured to set at least one of the first display layer, the second display layer, or the target color in response to a display parameter setting request.

根据本发明的第三方面,提供一种可编程设备,包括存储器和处理器,所述存储器用于存储指令,所述指令用于控制所述处理器进行操作以执行根据本发明第一方面提供的任意一项图片展示的方法。According to a third aspect of the present invention, a programmable device is provided, including a memory and a processor, the memory is used to store instructions, and the instructions are used to control the processor to operate to perform the process provided according to the first aspect of the present invention. Any one of the picture display methods.

本发明的发明人发现,在现有技术中,尚未存在一种图片展示方法、设备及可编程设备,可以使得展示图片时主图片与背景图片衔接过渡平滑且具有浸入式的图片展示效果,以提高提升用户的图片浏览体验。因此,本发明所要实现的技术任务或者所要解决的技术问题是本领域技术人员从未想到的或者没有预期到的,故本发明是一种新的技术方案。The inventors of the present invention have found that in the prior art, there is no picture display method, device and programmable device that can make the transition between the main picture and the background picture smooth and have an immersive picture display effect when displaying pictures. Improve the picture browsing experience of users. Therefore, the technical tasks to be achieved or the technical problems to be solved by the present invention are never thought of or expected by those skilled in the art, so the present invention is a new technical solution.

通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。Other features of the present invention and advantages thereof will become apparent from the following detailed description of exemplary embodiments of the present invention with reference to the accompanying drawings.

附图说明Description of drawings

被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description serve to explain the principles of the invention.

图1是显示可用于实现本发明的实施例的计算系统的硬件配置的例子的框图。FIG. 1 is a block diagram showing an example of a hardware configuration of a computing system that can be used to implement an embodiment of the present invention.

图2示出了本发明实施例的图片展示方法的流程图。Fig. 2 shows a flowchart of a picture display method according to an embodiment of the present invention.

图3示出了本发明实施例的目标图片的边缘区域的示意图。Fig. 3 shows a schematic diagram of an edge area of a target picture according to an embodiment of the present invention.

图4是本发明实施例的径向渐变的例子的示意图。Fig. 4 is a schematic diagram of an example of a radial gradient in an embodiment of the present invention.

图5是本发明实施例的图片展示方法的例子的目标图片示意图。Fig. 5 is a schematic diagram of a target picture of an example of a picture display method according to an embodiment of the present invention.

图6是本发明实施例的图片展示方法的例子的图片展示界面示意图。FIG. 6 is a schematic diagram of a picture display interface of an example of a picture display method according to an embodiment of the present invention.

图7是本发明实施例的图片展示设备的示意性框图。Fig. 7 is a schematic block diagram of a picture display device according to an embodiment of the present invention.

具体实施方式detailed description

现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。Various exemplary embodiments of the present invention will now be described in detail with reference to the accompanying drawings. It should be noted that the relative arrangements of components and steps, numerical expressions and numerical values set forth in these embodiments do not limit the scope of the present invention unless specifically stated otherwise.

以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。The following description of at least one exemplary embodiment is merely illustrative in nature and in no way taken as any limitation of the invention, its application or uses.

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。Techniques, methods and devices known to those of ordinary skill in the relevant art may not be discussed in detail, but where appropriate, such techniques, methods and devices should be considered part of the description.

在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。In all examples shown and discussed herein, any specific values should be construed as exemplary only, and not as limitations. Therefore, other instances of the exemplary embodiment may have different values.

应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。It should be noted that like numerals and letters denote like items in the following figures, therefore, once an item is defined in one figure, it does not require further discussion in subsequent figures.

<硬件配置><hardware configuration>

图1是示出可以实现本发明的实施例的计算机系统1000的硬件配置的框图。FIG. 1 is a block diagram showing a hardware configuration of a computer system 1000 that can implement an embodiment of the present invention.

如图1所示,计算机系统1000包括计算机1110。计算机1110可以是台式电脑、手机、掌上电脑、笔记本电脑、平板电脑等。计算机1110包括经由系统总线1121连接的处理器1120、存储器1130、固定非易失性存储器接口1140、移动非易失性存储器接口1150、用户输入接口1160、网络接口1170、视频接口1190和输出外围接口1195。As shown in FIG. 1 , computer system 1000 includes computer 1110 . The computer 1110 may be a desktop computer, a mobile phone, a palmtop computer, a notebook computer, a tablet computer, or the like. Computer 1110 includes processor 1120, memory 1130, fixed nonvolatile memory interface 1140, removable nonvolatile memory interface 1150, user input interface 1160, network interface 1170, video interface 1190, and output peripheral interfaces connected via system bus 1121 1195.

存储器1130包括ROM(只读存储器)和RAM(随机存取存储器)。BIOS(基本输入输出系统)驻留在ROM内。操作系统、应用程序、其它程序模块和某些程序数据驻留在RAM内。The memory 1130 includes ROM (Read Only Memory) and RAM (Random Access Memory). BIOS (Basic Input Output System) resides in ROM. The operating system, application programs, other program modules, and certain program data reside in RAM.

诸如硬盘的固定非易失性存储器连接到固定非易失性存储器接口1140。固定非易失性存储器例如可以存储操作系统、应用程序、其它程序模块和某些程序数据。A fixed nonvolatile memory such as a hard disk is connected to the fixed nonvolatile memory interface 1140 . Fixed nonvolatile memory can store, for example, the operating system, application programs, other program modules, and certain program data.

诸如软盘驱动器和CD-ROM驱动器的移动非易失性存储器连接到移动非易失性存储器接口1150。例如,软盘可以被插入到软盘驱动器中,以及CD(光盘)可以被插入到CD-ROM驱动器内。Removable nonvolatile storage such as a floppy disk drive and a CD-ROM drive is connected to the removable nonvolatile storage interface 1150 . For example, a floppy disk can be inserted into a floppy disk drive, and a CD (Compact Disk) can be inserted into a CD-ROM drive.

诸如鼠标和键盘的输入设备被连接到用户输入接口1160。Input devices such as a mouse and a keyboard are connected to the user input interface 1160 .

计算机1110可以通过网络接口1170连接到远程计算机1180。例如,网络接口1170可以通过局域网连接到远程计算机。或者,网络接口1170可以连接到调制解调器(调制器-解调器),以及调制解调器经由广域网连接到远程计算机1180。The computer 1110 can be connected to a remote computer 1180 through a network interface 1170 . For example, network interface 1170 may connect to a remote computer through a local area network. Alternatively, network interface 1170 may be connected to a modem (modulator-demodulator), and the modem connected to remote computer 1180 via a wide area network.

远程计算机1180可以包括诸如硬盘的存储器,其可以存储远程应用程序。Remote computer 1180 may include memory, such as a hard disk, that may store remote applications.

视频接口1190连接到监视器。Video interface 1190 connects to a monitor.

输出外围接口1195连接到打印机和扬声器。The output peripheral interface 1195 connects to a printer and speakers.

图1所示的计算机系统仅仅是说明性的并且决不意味着对本发明、其应用或使用的任何限制。应用于本发明的实施例中,计算机1110的所述存储器1130用于存储指令,所述指令用于控制所述处理器1120进行操作以执行本发明实施例提供的任意一项图片展示方法。本领域技术人员应当理解,尽管在图1中对计算机1110都示出了多个装置,但是,本发明可以仅涉及其中的部分装置,例如,计算机1110只涉及处理器1120和存储器1130。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。The computer system shown in Figure 1 is illustrative only and in no way implies any limitation on the invention, its application or use. In the embodiment of the present invention, the memory 1130 of the computer 1110 is used to store instructions, and the instructions are used to control the processor 1120 to operate to execute any one of the picture display methods provided in the embodiments of the present invention. Those skilled in the art should understand that although multiple devices are shown for the computer 1110 in FIG. 1 , the present invention may only involve some of them. For example, the computer 1110 only involves the processor 1120 and the memory 1130 . A skilled person can design instructions according to the solutions disclosed in the present invention. How the instructions control the processor to operate is well known in the art, so it will not be described in detail here.

<实施例><Example>

本实施例中提供一种图片展示方法,如图2所示,包括:A picture display method is provided in this embodiment, as shown in Figure 2, including:

步骤S2100,对目标图片的边缘区域进行模糊化处理以获取主图片,将所述主图片设置于预设的第一展示层。Step S2100, performing blurring processing on the edge area of the target picture to obtain a main picture, and setting the main picture in a preset first display layer.

在本实施例中,目标图片是待展示的图片,可以是用户拍摄的电子相片、浏览的商品照片、下载的网络图片、或者屏幕截图、用户使用或安装的应用程序所推送的图片等等。In this embodiment, the target picture is a picture to be displayed, which may be an electronic photo taken by the user, a product photo browsed, a downloaded network picture, or a screenshot, a picture pushed by an application program used or installed by the user, and the like.

目标图片的边缘区域是目标图片的边缘预划的区域,可以根据具体应用需求进行预划,例如,假设目标图片是宽度为w、高度为h的方形图片,目标图片的边缘区域可以是图片上下边缘到高度h/8和左右边缘到宽度w/8之间的区域,具体如图3中所示的阴影部分区域。The edge area of the target picture is the pre-planned area of the edge of the target picture, which can be pre-planned according to specific application requirements. For example, if the target picture is a square picture with a width of w and a height of h, the edge area of the target picture can be the top and bottom The area between the edge to height h/8 and the left and right edges to width w/8, specifically the shaded area shown in Figure 3.

对目标图片的边缘区域进行的模糊化处理以获取主图片,可以使得在后续生成目标图片的展示界面时,主图片与背景图片之间衔接过渡平滑,展示效果和谐自然。具体地,模糊化处理可以使用高斯模糊,根据高斯曲线调节需要模糊化处理的图像区域的颜色元素,获取模糊化显示效果。Obtaining the main picture by blurring the edge area of the target picture can make the transition between the main picture and the background picture smooth when the display interface of the target picture is subsequently generated, and the display effect is harmonious and natural. Specifically, the blurring process may use Gaussian blurring to adjust the color elements of the image area to be blurred according to the Gaussian curve to obtain a blurred display effect.

在本实施例中,所述预设的第一展示层,可以根据预设的第一展示层的尺寸、形状、展示位置等参数预先设置生成。在一个例子中,可以响应于展示参数设置请求,设置所述第一展示层,所述展示参数设置请求中至少包括第一展示层的尺寸、形状、展示位置等参数其中一种。所述展示参数设置请求,可以根据用户的图片展示需求生成,或者根据图片展示的应用场景生成。具体地,例如,用户可以通过界面输入设置展示参数,设置第一展示层为自己喜欢的圆形、心形、云朵形、星星形等形状,以此产生展示参数设置请求,在此不一一列举。In this embodiment, the preset first display layer may be generated according to preset parameters such as size, shape, and display position of the preset first display layer. In an example, the first display layer may be set in response to a display parameter setting request, where the display parameter setting request includes at least one of parameters such as size, shape, and display position of the first display layer. The display parameter setting request may be generated according to the user's image display requirements, or generated according to the application scenarios of the image display. Specifically, for example, the user can input and set display parameters through the interface, and set the first display layer to a shape such as a circle, a heart, a cloud, or a star that he likes, so as to generate a display parameter setting request, which will not be detailed here. enumerate.

在实际应用中,第一展示层不仅可能被预设具有各种形状,还可能受限于实际展示图片的电子设备的屏幕尺寸,因此常常存在目标图片的形状或尺寸与所述第一展示层不匹配的情况,例如,目标图片通常是矩形,但是第一展示层是圆形,又或者目标图片的宽高比与第一展示层的宽高比不一致,又或者,目标图片与第一展示层的大小不一致,因此,在获取主图片之前,需要对目标图片进行预处理,例如,将目标图片裁剪为匹配第一展示层的形状,或者将目标图片的宽高比调整与第一展示层的宽高比一致,又或者将目标图片进行缩放以匹配第一展示层。具体地,在本实施例中,所述图片展示方法还包括:当所述目标图片与所述第一展示层不匹配时,对所述目标图片进行预处理,以获取与所述第一展示层匹配的目标图片之后,执行所述获取主图片步骤。In practical applications, the first presentation layer may not only be preset to have various shapes, but may also be limited by the screen size of the electronic device that actually displays the picture, so there is often a difference between the shape or size of the target picture and the first presentation layer. Mismatches, for example, the target image is usually rectangular, but the first display layer is circular, or the aspect ratio of the target image does not match the aspect ratio of the first display layer, or, the target image is different from the first display layer The layers are not of the same size, so before getting the main image, the target image needs to be preprocessed, for example, cropping the target image to match the shape of the first presentation layer, or adjusting the aspect ratio of the target image to match the first presentation layer , or scale the target image to match the first presentation layer. Specifically, in this embodiment, the picture presentation method further includes: when the target picture does not match the first presentation layer, preprocessing the target picture to obtain After layer-matching the target picture, perform the step of obtaining the main picture.

在本实施例中,在步骤S2100执行的同时,可以并行执行步骤S2200,对所述目标图片的全部区域进行模糊化处理以获取中间图片,对所述中间图片的边缘区域所包含的每个颜色单元根据预定的目标色进行渐变化处理,获取与预设的第二展示层匹配的背景图片,并将所述背景图片设置于第二展示层。In this embodiment, while step S2100 is being executed, step S2200 may be executed in parallel to blur the entire area of the target image to obtain an intermediate image, and for each color contained in the edge area of the intermediate image The unit performs gradation processing according to a predetermined target color, obtains a background picture matching the preset second display layer, and sets the background picture on the second display layer.

在本实施例中,所述第二展示层,可以根据预设的第二展示层的尺寸、形状、展示位置等参数预先设置生成,通常是与用于展示图片的电子设备或应用程序的显示界面设置一致,例如,与手机屏幕的显示界面,或者是展示图片的客户端界面一致。在一个例子中,可以响应于展示参数设置请求,设置所述第二展示层,所述展示参数设置请求中可以包括第二展示层的尺寸、形状、展示位置、第二展示层中设置第一展示层的预定区域的位置等参数其中一种。所述展示参数设置请求,可以根据用户的图片展示需求生成,或者根据图片展示的应用场景生成。具体地,例如,用户可以通过界面输入设置展示参数,设置在第二展示层的中心区域为第二展示层中设置第一展示层的预定区域,以此产生展示参数设置请求。In this embodiment, the second display layer can be generated according to preset parameters such as the size, shape, and display position of the second display layer, and is usually related to the electronic device or application program used to display pictures. The interface settings are consistent, for example, consistent with the display interface of the mobile phone screen, or the client interface for displaying pictures. In an example, the second display layer may be set in response to a display parameter setting request, and the display parameter setting request may include the size, shape, display position of the second display layer, and the setting of the first display layer in the second display layer. One of the parameters such as the position of the predetermined area of the display layer. The display parameter setting request may be generated according to the user's image display requirements, or generated according to the application scenarios of the image display. Specifically, for example, the user may input and set display parameters through an interface, and set the central area of the second display layer as a predetermined area of the first display layer in the second display layer, thereby generating a display parameter setting request.

对所述目标图片的全部区域进行模糊化处理以获取用于后续生成背景图片的中间图片,可以使得在生成目标图片的展示界面时,加深主图片与背景图片之间衔接过渡的平滑效果,展示效果和谐自然。特别适用于当主图片与背景图片的尺寸不一致的情况,例如主图片为圆形,而背景图片为矩形时。Blurring the entire area of the target picture to obtain an intermediate picture for subsequent generation of the background picture can make the smooth effect of the transition between the main picture and the background picture deepen when the display interface of the target picture is generated, and display The effect is harmonious and natural. It is especially applicable when the sizes of the main image and the background image are inconsistent, for example, when the main image is a circle and the background image is a rectangle.

在获取中间图片后,对所述中间图片的边缘区域所包含的每个颜色单元根据预定的目标色进行渐变化处理,以与预设的第二展示层匹配的背景图片。具体地,中间图片的边缘区域是中间图片的边缘预划的区域,可以根据具体的应用需求划分,类似地,可以如前述的目标图片的边缘区域,如图3中所示的阴影部分区域,在此不再赘述。After the intermediate picture is acquired, each color unit contained in the edge area of the intermediate picture is subjected to gradient change processing according to a predetermined target color, so as to match the background picture of the preset second display layer. Specifically, the edge area of the middle picture is the pre-drawn area of the edge of the middle picture, which can be divided according to specific application requirements. Similarly, the edge area of the aforementioned target picture can be the shaded area shown in Figure 3, I won't repeat them here.

在本实施例中,对所述中间图片的边缘区域所包含的每个颜色单元根据预定的目标色进行渐变化处理,可以使得对应生成的背景图片能与主图片的边缘区域形成一致过渡,再由边缘区域的各个颜色单元做渐变处理至目标色,使得在后续生成目标图片的展示界面时,主图片不仅与背景图片过渡衔接平滑,还沉浸于背景图片中,具有浸入式的图片展示效果。具体地,所述渐变化处理可以是径向渐变,例如,如图4所示,就是从最中心的透明色,向四周以黑色为目标色,做径向渐变的效果。In this embodiment, each color unit contained in the edge area of the intermediate picture is subjected to gradual change processing according to a predetermined target color, so that the correspondingly generated background picture can form a consistent transition with the edge area of the main picture, and then Each color unit in the edge area is gradually processed to the target color, so that when the display interface of the target image is subsequently generated, the main image not only transitions smoothly with the background image, but also immerses in the background image, with an immersive image display effect. Specifically, the gradient change process may be a radial gradient, for example, as shown in FIG. 4 , it is a radial gradient effect from the centermost transparent color to the surrounding black as the target color.

而所述目标色,可以是目标图片的主色,因此,具体地,本实施里中的图片展示方法,还包括:获取所述目标图片的颜色直方图以确定所述目标图片的主色。通过目标图片的颜色直方图可以描述不同颜色在目标图像中所占的比例,通常可以选取所占比例最高的颜色作为目标图片的主色。The target color may be the main color of the target picture. Therefore, specifically, the picture display method in this embodiment further includes: acquiring a color histogram of the target picture to determine the main color of the target picture. The proportion of different colors in the target image can be described through the color histogram of the target picture, and the color with the highest proportion can usually be selected as the main color of the target picture.

或者,所述目标色也可以通过可以响应于展示参数设置请求进行设置。所述展示参数设置请求,可以根据用户的图片展示需求生成,或者根据图片展示的应用场景生成。具体地,例如,可以由用户在预设的颜色模板中选取喜欢的颜色作为目标色,以此产生展示参数设置请求。Alternatively, the target color may also be set in response to a display parameter setting request. The display parameter setting request may be generated according to the user's image display requirements, or generated according to the application scenarios of the image display. Specifically, for example, the user may select a favorite color from a preset color template as the target color, so as to generate a display parameter setting request.

在本实施例中,通过步骤S2100生成主图片设置于第一展示层中,以及通过步骤S2200生成背景图片设置于第二展示层中,这样独立分层处理,使得与第一展示层对应的主图片,和与第二展示层对应的背景图片,可以不必具有相同的形状,也能使得对应生成的目标图片的展示界面具有浸入式的展示效果,使得图片展示效果更为灵活。同时,还可以使得步骤S2100与步骤S2200并行执行,提高执行效率。In this embodiment, the main picture generated by step S2100 is set in the first presentation layer, and the background picture is generated by step S2200 and set in the second presentation layer, so that the independent layering process makes the main picture corresponding to the first presentation layer The picture and the background picture corresponding to the second display layer do not need to have the same shape, and the display interface corresponding to the generated target picture can have an immersive display effect, making the picture display effect more flexible. At the same time, step S2100 and step S2200 can also be executed in parallel to improve execution efficiency.

在将主图片设置于第一展示层以及将背景图片设置于第二展示层后,进入步骤S2300,根据所述第一展示层以及所述第二展示层,生成目标图片的图片展示界面。After the main picture is set on the first display layer and the background picture is set on the second display layer, enter step S2300, and generate a picture display interface of the target picture according to the first display layer and the second display layer.

具体地,可以将第一展示层覆盖于所述第二展示层之上,生成目标图片的图片展示界面,所获取的展示效果,是与第一展示层对应的主图片,覆盖于第二展示层对应的背景图片中对应区域,而主图片的边缘区域模糊化,覆盖于经过模糊化处理以及渐变化处理的背景图片中,使得生成的目标图片的展示界面中,主图片与背景图片过渡自然,还具有主图片仿佛沉浸于背景图片中的浸入式展示效果,整体图片展示效果和谐美观,提升用户体验。Specifically, the first display layer can be overlaid on the second display layer to generate a picture display interface of the target picture, and the obtained display effect is the main picture corresponding to the first display layer, which is covered on the second display layer. The corresponding area in the background image corresponding to the layer, and the edge area of the main image is blurred, covering the blurred and gradient background image, so that in the display interface of the generated target image, the transition between the main image and the background image is natural , it also has an immersive display effect that the main image seems to be immersed in the background image, and the overall image display effect is harmonious and beautiful, improving user experience.

更具体地,可以将所述第一展示层设置于所述第二展示层的预定区域,以生成目标图片的图片展示界面。第二展示层中的预定区域可以根据应用需求设置,通常设置为第二展示层的中心区域,该区域的尺寸大小通常与第一展示层的尺寸大小一致。通过将第一展示层设置于第二展示层中的预定区域,使得生成的目标图片的展示界面中,第一展示层对应的主图片与第二展示层对应的背景图片之间过渡自然,还具有主图片仿佛沉浸于背景图片中的浸入式展示效果,整体图片展示效果和谐美观,提升用户体验。More specifically, the first display layer may be arranged in a predetermined area of the second display layer, so as to generate a picture display interface of the target picture. The predetermined area in the second display layer can be set according to application requirements, and is usually set as the central area of the second display layer, and the size of this area is generally consistent with the size of the first display layer. By setting the first display layer in a predetermined area in the second display layer, in the display interface of the generated target image, the transition between the main image corresponding to the first display layer and the background image corresponding to the second display layer is natural, and also It has an immersive display effect that the main image seems to be immersed in the background image, and the overall image display effect is harmonious and beautiful, improving user experience.

而在实际应用中,第二展示层通常对应于展示图片的电子设备或应用程序的显示界面设置一致,因此第二展示层通常会包含一些可能影响图片展示效果的特定控件,例如手机界面顶部的通知栏、底部的虚拟按键等,可以通过隐藏处理(图片展示时隐藏,用户操作手机屏幕对应位置时露出)或者透明化处理,使得生成的目标图片的展示界面的图片展示效果更为美观。具体地,本实施例中的图片展示方法,还包括:对所述第二展示层所包含的特定控件进行隐藏处理或透明化处理,以生成目标图片的图片展示界面。However, in practical applications, the second display layer usually corresponds to the display interface settings of the electronic device or application program that display the picture. Therefore, the second display layer usually contains some specific controls that may affect the display effect of the picture, such as the top of the mobile phone interface. The notification bar, the virtual buttons at the bottom, etc. can be hidden (hidden when the picture is displayed, and exposed when the user operates the corresponding position on the mobile phone screen) or transparent, so that the picture display effect of the display interface of the generated target picture is more beautiful. Specifically, the picture display method in this embodiment further includes: performing hiding or transparency processing on the specific controls contained in the second presentation layer, so as to generate a picture display interface of the target picture.

<例子><example>

以下将结合例子进一步说明本实施例中提供的图片展示方法。The picture display method provided in this embodiment will be further described below with reference to examples.

在本例中,目标图片如图5所示,通过展示参数设置请求设置第一展示层形状为椭圆形,第二展示层中设置第一展示层的预定区域的位置为中心区域。In this example, the target picture is as shown in Figure 5, the shape of the first display layer is set to be an ellipse through the display parameter setting request, and the position of the predetermined area of the first display layer is set as the central area in the second display layer.

首先,在对目标图片进行裁剪得到椭圆形后,再对边缘区域进行高斯模糊处理获取主图片,将主图片设置于第一展示层;First, after cropping the target image to obtain an ellipse, Gaussian blur processing is performed on the edge area to obtain the main image, and the main image is set on the first display layer;

然后,对目标图片的全部区域进行高斯模糊获取中间图片,并对中间图片的边缘区所包含的每个颜色单元根据目标图片的主色进行径向渐变化处理获取背景图片,并将背景图片设置于第二展示层;Then, Gaussian blur is performed on the entire area of the target picture to obtain the middle picture, and each color unit contained in the edge area of the middle picture is subjected to radial gradient change processing according to the main color of the target picture to obtain the background picture, and the background picture is set to on the second display floor;

最后,将第一展示层设置于第二展示层的中心区域,并且将第二展示层包含的界面顶部的通知栏进行隐藏处理,生成目标图片的图片展示界面如图6所示。Finally, set the first display layer in the central area of the second display layer, and hide the notification bar at the top of the interface included in the second display layer, and generate the image display interface of the target image as shown in Figure 6.

上述已经结合附图和例子说明了本实施例中提供的图片展示方法,通过将目标图片的边缘区域进行模糊化处理获取的背景图片设置于第一展示层,以及将目标图片的全部区域进行模糊化处理以及渐变化处理的背景图片设置于第二展示层,并将第一展示层设置与第二展示层中的预定区域,使得生成的目标图片展示界面中,主图片与背景图片衔接过渡平滑,具有浸入式的展示效果,整体和谐美观,提升用户的图片浏览体验。尤其适用于主图片与背景图片形状不一致的应用场景,可以获取更灵活的图片展示效果。此外,通过分层独立并行处理,可以提升处理效率。The picture display method provided in this embodiment has been described above in conjunction with the accompanying drawings and examples. The background picture obtained by blurring the edge area of the target picture is set on the first display layer, and the entire area of the target picture is blurred The background image of the transformation and gradient change processing is set on the second display layer, and the first display layer is set in a predetermined area in the second display layer, so that in the generated target image display interface, the transition between the main image and the background image is smooth , with an immersive display effect, the overall harmony and beauty enhance the user's picture browsing experience. It is especially suitable for application scenarios where the main image and the background image have inconsistent shapes, and can obtain more flexible image display effects. In addition, through layered independent parallel processing, processing efficiency can be improved.

在本实施例中,还提供一种图片展示设备5000,如图7所示,包括:第一展示层设置单元5100、第二展示层设置单元5200、展示界面生成单元5300,可选地,还包括控件处理单元5400、预处理单元5500、主色获取单元5600、展示参数设置单元5700,用于实施本实施例中提供的任意一项图片展示方法,在此不再赘述。In this embodiment, a picture display device 5000 is also provided, as shown in FIG. It includes a control processing unit 5400 , a preprocessing unit 5500 , a main color acquiring unit 5600 , and a display parameter setting unit 5700 , which are used to implement any one of the image display methods provided in this embodiment, and will not be repeated here.

图片展示设备5000,包括:The pictures show equipment 5000, including:

第一展示层设置单元5100,用于对目标图片的边缘区域进行模糊化处理以获取主图片,将所述主图片设置于预设的第一展示层;The first presentation layer setting unit 5100 is configured to blur the edge area of the target picture to obtain a main picture, and set the main picture to a preset first presentation layer;

第二展示层设置单元5200,用于对所述目标图片的全部区域进行模糊化处理以获取中间图片,对所述中间图片的边缘区域所包含的每个颜色单元根据预定的目标色进行渐变化处理,获取与预设的第二展示层匹配的背景图片,并将所述背景图片设置于第二展示层。The second display layer setting unit 5200 is configured to perform blurring processing on the entire area of the target picture to obtain an intermediate picture, and gradually change each color unit contained in the edge area of the intermediate picture according to a predetermined target color Processing, acquiring a background image matching the preset second display layer, and setting the background image in the second display layer.

展示界面生成单元5300,用于根据所述第一展示层以及所述第二展示层,生成目标图片的图片展示界面。The display interface generation unit 5300 is configured to generate an image display interface of the target image according to the first display layer and the second display layer.

可选地,所述图片展示设备5000,还包括:Optionally, the picture display device 5000 also includes:

控件处理单元5400,用于对所述第二展示层所包含的特定控件进行隐藏处理或透明化处理,以生成目标图片的图片展示界面。The control processing unit 5400 is configured to hide or make transparent the specific controls contained in the second presentation layer, so as to generate a picture display interface of the target picture.

或者,可选地,所述图片展示设备5000,还包括:Or, optionally, the picture display device 5000 further includes:

预处理单元5500,用于当所述目标图片与所述第一展示层不匹配时,对所述目标图片进行预处理,以获取与所述第一展示层匹配的目标图片之后,触发所述第一展示层设置单元5100工作。The preprocessing unit 5500 is configured to preprocess the target picture when the target picture does not match the first presentation layer, so as to trigger the The first presentation layer setting unit 5100 works.

或者,可选地,所述目标色为所述目标图片的主色,所述图片展示设备5000,还包括:Or, optionally, the target color is the main color of the target picture, and the picture display device 5000 further includes:

主色获取单元5600,用于获取所述目标图片的颜色直方图以确定所述目标图片的主色。A dominant color acquiring unit 5600, configured to acquire a color histogram of the target picture to determine the dominant color of the target picture.

或者,可选地,所述图片展示设备5000,还包括:Or, optionally, the picture display device 5000 further includes:

展示参数设置单元5700,用于响应于展示参数设置请求,设置所述第一展示层、所述第二展示层或者所述目标色中至少之一。The display parameter setting unit 5700 is configured to set at least one of the first display layer, the second display layer or the target color in response to a display parameter setting request.

在本实施例中,并不限制所述图片展示设备5000的实体形式,所述图片展示设备5000可以是具有图片展示功能的电子设备例如电脑、手机中的功能模块,也可以是提供图片展示功能的应用程序例如图库软件、购物软件、阅读软件中的功能单元或插件,还可以是具有图片展示功能的电子设备或者应用程序,在此不一一列举。In this embodiment, the physical form of the picture display device 5000 is not limited, and the picture display device 5000 can be an electronic device with a picture display function such as a functional module in a computer or a mobile phone, or it can provide a picture display function Application programs such as gallery software, shopping software, and functional units or plug-ins in reading software can also be electronic devices or application programs with image display functions, which are not listed here.

在本实施例中,还提供一种可编程设备,包括存储器和处理器,所述存储器用于存储指令,所述指令用于控制所述处理器进行操作以执行本实施例中提供的任意一项图片展示方法。具体地,所述可编程设备的硬件配置可以如图1中的计算机1110所示。In this embodiment, a programmable device is also provided, including a memory and a processor, the memory is used to store instructions, and the instructions are used to control the processor to operate to execute any one of the instructions provided in this embodiment. Item picture display method. Specifically, the hardware configuration of the programmable device may be as shown in the computer 1110 in FIG. 1 .

以上已经结合附图描述了本发明的实施例,根据本实施例,提供一种图片展示方法、设备及可编程设备,通过将目标图片的边缘区域进行模糊化处理获取的背景图片设置于第一展示层,以及将目标图片的全部区域进行模糊化处理以及渐变化处理的背景图片设置于第二展示层,并将第一展示层设置与第二展示层中的预定区域,使得生成的目标图片展示界面中,主图片与背景图片衔接过渡平滑,具有浸入式的展示效果,和谐美观,提升用户的图片浏览体验。尤其适用于主图片与背景图片形状不一致的应用场景,可以获取更灵活的图片展示效果。此外,通过分层独立并行处理,可以提升处理效率。The embodiments of the present invention have been described above in conjunction with the accompanying drawings. According to this embodiment, a picture display method, device and programmable device are provided. The background picture obtained by blurring the edge area of the target picture is set in the first The display layer, and the background image that blurs and changes the entire area of the target image are set on the second display layer, and the first display layer is set with the predetermined area in the second display layer, so that the generated target image In the display interface, the transition between the main picture and the background picture is smooth, with an immersive display effect, harmonious and beautiful, and improving the user's picture browsing experience. It is especially suitable for application scenarios where the main image and the background image have inconsistent shapes, and can obtain more flexible image display effects. In addition, through layered independent parallel processing, processing efficiency can be improved.

本领域技术人员应当明白,可以通过各种方式来实现图片展示设备5000。例如,可以通过指令配置处理器来实现图片展示设备5000。例如,可以将指令存储在ROM中,并且当启动设备时,将指令从ROM读取到可编程器件中来实现图片展示设备5000。例如,可以将图片展示设备5000固化到专用器件(例如ASIC)中。可以将图片展示设备5000分成相互独立的单元,或者可以将它们合并在一起实现。图片展示设备5000可以通过上述各种实现方式中的一种来实现,或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。Those skilled in the art should understand that the picture display device 5000 can be implemented in various ways. For example, the picture display device 5000 can be implemented by configuring the processor through instructions. For example, instructions may be stored in a ROM, and when the device is started, the instructions are read from the ROM into a programmable device to implement the picture presentation device 5000 . For example, the picture display device 5000 can be solidified into a dedicated device (such as an ASIC). The picture display device 5000 can be divided into mutually independent units, or they can be combined for implementation. The picture display device 5000 may be implemented by one of the above various implementation manners, or may be implemented by a combination of two or more of the above various implementation manners.

本领域技术人员公知的是,随着诸如大规模集成电路技术的电子信息技术的发展和软件硬件化的趋势,要明确划分计算机系统软、硬件界限已经显得比较困难了。因为,任何操作可以软件来实现,也可以由硬件来实现。任何指令的执行可以由硬件完成,同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案,取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。因此,对于电子信息技术领域的普通技术人员来说,更为直接和清楚地描述一个技术方案的方式是描述该方案中的各个操作。在知道所要执行的操作的情况下,本领域技术人员可以基于对所述非技术性因素的考虑直接设计出期望的产品。Those skilled in the art know that, with the development of electronic information technology such as large-scale integrated circuit technology and the trend of software and hardware, it has become difficult to clearly divide the boundaries between software and hardware of computer systems. Because any operation can be realized by software or by hardware. Execution of any instruction can be done by hardware as well as by software. Whether to adopt a hardware implementation scheme or a software implementation scheme for a certain machine function depends on non-technical factors such as price, speed, reliability, storage capacity, and change cycle. Therefore, for those of ordinary skill in the field of electronic information technology, a more direct and clear way to describe a technical solution is to describe each operation in the solution. Knowing what to do, those skilled in the art can directly design the desired product based on consideration of such non-technical factors.

本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。The present invention can be a system, method and/or computer program product. A computer program product may include a computer readable storage medium having computer readable program instructions thereon for causing a processor to implement various aspects of the present invention.

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。A computer readable storage medium may be a tangible device that can retain and store instructions for use by an instruction execution device. A computer readable storage medium may be, for example, but is not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of computer-readable storage media include: portable computer diskettes, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM), or flash memory), static random access memory (SRAM), compact disc read only memory (CD-ROM), digital versatile disc (DVD), memory stick, floppy disk, mechanically encoded device, such as a printer with instructions stored thereon A hole card or a raised structure in a groove, and any suitable combination of the above. As used herein, computer-readable storage media are not to be construed as transient signals per se, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through waveguides or other transmission media (e.g., pulses of light through fiber optic cables), or transmitted electrical signals.

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。Computer-readable program instructions described herein may be downloaded from a computer-readable storage medium to a respective computing/processing device, or downloaded to an external computer or external storage device over a network, such as the Internet, a local area network, a wide area network, and/or a wireless network. The network may include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers, and/or edge servers. A network adapter card or a network interface in each computing/processing device receives computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in each computing/processing device .

用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。Computer program instructions for carrying out operations of the present invention may be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine-related instructions, microcode, firmware instructions, state setting data, or Source or object code written in any combination, including object-oriented programming languages—such as Smalltalk, C++, etc., and conventional procedural programming languages—such as the “C” language or similar programming languages. Computer readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server implement. In cases involving a remote computer, the remote computer can be connected to the user computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as via the Internet using an Internet service provider). connect). In some embodiments, an electronic circuit, such as a programmable logic circuit, field programmable gate array (FPGA), or programmable logic array (PLA), can be customized by utilizing state information of computer-readable program instructions, which can Various aspects of the invention are implemented by executing computer readable program instructions.

这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。Aspects of the present invention are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the invention. It should be understood that each block of the flowcharts and/or block diagrams, and combinations of blocks in the flowcharts and/or block diagrams, can be implemented by computer-readable program instructions.

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。These computer-readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine such that when executed by the processor of the computer or other programmable data processing apparatus , producing an apparatus for realizing the functions/actions specified in one or more blocks in the flowchart and/or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause computers, programmable data processing devices and/or other devices to work in a specific way, so that the computer-readable medium storing instructions includes An article of manufacture comprising instructions for implementing various aspects of the functions/acts specified in one or more blocks in flowcharts and/or block diagrams.

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。It is also possible to load computer-readable program instructions into a computer, other programmable data processing device, or other equipment, so that a series of operational steps are performed on the computer, other programmable data processing device, or other equipment to produce a computer-implemented process , so that instructions executed on computers, other programmable data processing devices, or other devices implement the functions/actions specified in one or more blocks in the flowcharts and/or block diagrams.

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present invention. In this regard, each block in a flowchart or block diagram may represent a module, a portion of a program segment, or an instruction that includes one or more Executable instructions. In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented by a dedicated hardware-based system that performs the specified function or action , or may be implemented by a combination of dedicated hardware and computer instructions. It is well known to those skilled in the art that implementation by means of hardware, implementation by means of software, and implementation by a combination of software and hardware are all equivalent.

以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。Having described various embodiments of the present invention, the foregoing description is exemplary, not exhaustive, and is not limited to the disclosed embodiments. Many modifications and alterations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen to best explain the principle of each embodiment, practical application or technical improvement in the market, or to enable other ordinary skilled in the art to understand each embodiment disclosed herein. The scope of the invention is defined by the appended claims.

Claims (12)

1. a kind of picture display method, it is characterised in that methods described includes:
Fringe region to Target Photo carries out Fuzzy processing to obtain main picture, and the main picture is arranged at into default One presentation layer;
Zone Full to the Target Photo carries out Fuzzy processing to obtain intermediate picture, to the edge of the intermediate picture Each color cell that region is included carries out gradually change process according to predetermined aim colour, obtains and default second presentation layer The background picture of matching, and the background picture is arranged at the second presentation layer;
According to first presentation layer and second presentation layer, the picture presentation interface of Target Photo is generated.
2. method according to claim 1, it is characterised in that methods described also includes:
Treatment or Vitrification management are hidden to the particular control that second presentation layer is included, to generate Target Photo Picture presentation interface.
3. method according to claim 1, it is characterised in that methods described also includes:
When the Target Photo is mismatched with first presentation layer, the Target Photo is pre-processed, with obtain with After the Target Photo of the first presentation layer matching, the acquisition main picture step is performed.
4. method according to claim 1, it is characterised in that the aim colour is the mass-tone of the Target Photo, described Method also includes:
The color histogram of the Target Photo is obtained to determine the mass-tone of the Target Photo.
5. method according to claim 1, it is characterised in that methods described also includes:
Set in response to presentation parameter and asked, in setting first presentation layer, second presentation layer or the aim colour At least one.
6. method according to claim 1, it is characterised in that
The Fuzzy processing is Gaussian Blur, and/or the gradual change is processed as radial gradual.
7. a kind of Picture display devices, it is characterised in that including:
First presentation layer setting unit, carries out Fuzzy processing to obtain main picture for the fringe region to Target Photo, will The main picture is arranged at default first presentation layer;
Second presentation layer setting unit, carries out Fuzzy processing to obtain middle graph for the Zone Full to the Target Photo Piece, each color cell included to the fringe region of the intermediate picture is carried out at gradual change according to predetermined aim colour Reason, the background picture that acquisition is matched with default second presentation layer, and the background picture is arranged at the second presentation layer;
Displaying interface generation unit, for according to first presentation layer and second presentation layer, generating Target Photo Picture presentation interface.
8. equipment according to claim 7, it is characterised in that the equipment also includes:
Control processing unit, for being hidden at treatment or transparence to the particular control that second presentation layer is included Reason, to generate the picture presentation interface of Target Photo.
9. equipment according to claim 7, it is characterised in that the equipment also includes:
Pretreatment unit, for when the Target Photo is mismatched with first presentation layer, being carried out to the Target Photo Pretreatment, with after obtaining Target Photo match with first presentation layer, triggering the first presentation layer setting unit work Make.
10. equipment according to claim 7, it is characterised in that the aim colour is the mass-tone of the Target Photo, described Equipment also includes:
Mass-tone acquiring unit, for the mass-tone for obtaining the color histogram of the Target Photo to determine the Target Photo.
11. equipment according to claim 7, it is characterised in that the equipment also includes:
Presentation parameter setting unit, asks for being set in response to presentation parameter, sets first presentation layer, second exhibition Show at least one of layer or the aim colour.
12. a kind of programmable devices, it is characterised in that including memory and processor, the memory is used for store instruction, institute Instruction is stated for controlling the processor to be operated to perform the method according to any one in claim 1-6.
CN201710069127.2A 2017-02-08 2017-02-08 Picture display method, equipment and programmable device Pending CN106934838A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710069127.2A CN106934838A (en) 2017-02-08 2017-02-08 Picture display method, equipment and programmable device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710069127.2A CN106934838A (en) 2017-02-08 2017-02-08 Picture display method, equipment and programmable device

Publications (1)

Publication Number Publication Date
CN106934838A true CN106934838A (en) 2017-07-07

Family

ID=59422951

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710069127.2A Pending CN106934838A (en) 2017-02-08 2017-02-08 Picture display method, equipment and programmable device

Country Status (1)

Country Link
CN (1) CN106934838A (en)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109491739A (en) * 2018-10-30 2019-03-19 北京字节跳动网络技术有限公司 A kind of theme color is dynamically determined method, apparatus, electronic equipment and storage medium
CN109597664A (en) * 2018-09-21 2019-04-09 北京字节跳动网络技术有限公司 Background configuration method, device, equipment and the readable medium of display area
CN110047043A (en) * 2019-03-16 2019-07-23 平安普惠企业管理有限公司 Background image processing method, device, computer equipment and storage medium
CN110580678A (en) * 2019-09-10 2019-12-17 北京百度网讯科技有限公司 Image processing method and device
WO2020087968A1 (en) * 2018-10-31 2020-05-07 中国银联股份有限公司 Picture display method, picture processing method and systems thereof
CN112069341A (en) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 Method, device, device and medium for generating background images and displaying search results
CN112069339A (en) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 Background picture processing and search result display method, device, equipment and medium
CN113093903A (en) * 2021-03-18 2021-07-09 聚好看科技股份有限公司 Image display method and display equipment
CN114692034A (en) * 2020-12-30 2022-07-01 北京国双科技有限公司 Image display method, image display device, electronic equipment and computer storage medium

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101587586A (en) * 2008-05-20 2009-11-25 株式会社理光 Device and method for processing images
CN102768625A (en) * 2011-05-06 2012-11-07 北京新媒传信科技有限公司 Resurfacing method and device of Windows user interface
CN104461615A (en) * 2014-11-14 2015-03-25 北京搜狗科技发展有限公司 Skin resource processing method and electronic equipment
CN105094615A (en) * 2015-08-10 2015-11-25 联想(北京)有限公司 Information processing method and electronic equipment
US20160191788A1 (en) * 2013-01-31 2016-06-30 Canon Kabushiki Kaisha Image processing apparatus and image pickup apparatus
CN105847674A (en) * 2016-03-25 2016-08-10 维沃移动通信有限公司 Preview image processing method based on mobile terminal, and mobile terminal therein
CN105989574A (en) * 2015-02-25 2016-10-05 光宝科技股份有限公司 Image processing apparatus and image depth processing method
CN106095447A (en) * 2016-06-14 2016-11-09 武汉深之度科技有限公司 A kind of generation method of application interface, equipment and the equipment of calculating
CN106250127A (en) * 2016-07-26 2016-12-21 深圳天珑无线科技有限公司 A kind of blurred background processing method and terminal

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101587586A (en) * 2008-05-20 2009-11-25 株式会社理光 Device and method for processing images
CN102768625A (en) * 2011-05-06 2012-11-07 北京新媒传信科技有限公司 Resurfacing method and device of Windows user interface
US20160191788A1 (en) * 2013-01-31 2016-06-30 Canon Kabushiki Kaisha Image processing apparatus and image pickup apparatus
CN104461615A (en) * 2014-11-14 2015-03-25 北京搜狗科技发展有限公司 Skin resource processing method and electronic equipment
CN105989574A (en) * 2015-02-25 2016-10-05 光宝科技股份有限公司 Image processing apparatus and image depth processing method
CN105094615A (en) * 2015-08-10 2015-11-25 联想(北京)有限公司 Information processing method and electronic equipment
CN105847674A (en) * 2016-03-25 2016-08-10 维沃移动通信有限公司 Preview image processing method based on mobile terminal, and mobile terminal therein
CN106095447A (en) * 2016-06-14 2016-11-09 武汉深之度科技有限公司 A kind of generation method of application interface, equipment and the equipment of calculating
CN106250127A (en) * 2016-07-26 2016-12-21 深圳天珑无线科技有限公司 A kind of blurred background processing method and terminal

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
DU依偎 等: "PhotoShop 如何把图片边缘溶入背景色", 《百度知道》 *
小鱼无海: "ps将一张图片边缘渐变到透明效果", 《脚本之家》 *

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109597664A (en) * 2018-09-21 2019-04-09 北京字节跳动网络技术有限公司 Background configuration method, device, equipment and the readable medium of display area
CN109491739A (en) * 2018-10-30 2019-03-19 北京字节跳动网络技术有限公司 A kind of theme color is dynamically determined method, apparatus, electronic equipment and storage medium
CN109491739B (en) * 2018-10-30 2023-04-07 北京字节跳动网络技术有限公司 Theme color dynamic determination method and device, electronic equipment and storage medium
TWI747006B (en) * 2018-10-31 2021-11-21 大陸商中國銀聯股份有限公司 Picture display method, picture processing method and system
WO2020087968A1 (en) * 2018-10-31 2020-05-07 中国银联股份有限公司 Picture display method, picture processing method and systems thereof
CN111127302A (en) * 2018-10-31 2020-05-08 中国银联股份有限公司 Picture display method, picture processing method and system
CN111127302B (en) * 2018-10-31 2023-08-01 中国银联股份有限公司 A picture display method, picture processing method and system thereof
CN110047043A (en) * 2019-03-16 2019-07-23 平安普惠企业管理有限公司 Background image processing method, device, computer equipment and storage medium
CN110047043B (en) * 2019-03-16 2022-11-08 平安普惠企业管理有限公司 Background image processing method, background image processing device, computer equipment and storage medium
CN110580678A (en) * 2019-09-10 2019-12-17 北京百度网讯科技有限公司 Image processing method and device
CN112069339A (en) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 Background picture processing and search result display method, device, equipment and medium
CN112069341A (en) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 Method, device, device and medium for generating background images and displaying search results
CN114692034A (en) * 2020-12-30 2022-07-01 北京国双科技有限公司 Image display method, image display device, electronic equipment and computer storage medium
CN113093903A (en) * 2021-03-18 2021-07-09 聚好看科技股份有限公司 Image display method and display equipment

Similar Documents

Publication Publication Date Title
CN106934838A (en) Picture display method, equipment and programmable device
US10032484B2 (en) Digital video builder system with designer-controlled user interaction
US10311366B2 (en) Procedurally generating sets of probabilistically distributed styling attributes for a digital design
CN104781850B (en) Automated GUI layout
US20170124057A1 (en) Calculations on images within cells in spreadsheets
CN111936966B (en) Design system for creating graphic content
CN112862927B (en) Method, apparatus, device and medium for publishing video
US20250265751A1 (en) Ai-based visual content collage generation
TW201222415A (en) Method and system for consistent web application presentation
CN107170047A (en) Update method, equipment and the virtual reality device of virtual reality scenario
CN107798716B (en) Image effect extraction
AU2014203258A1 (en) System and method for generating a design template based on graphical input
US20250200827A1 (en) Conditional image generation
TWI763971B (en) Devices, systems and methods for personalized banner generation and display
US20140325404A1 (en) Generating Screen Data
US12293197B2 (en) Configuration file generation method and apparatus, electronic device, medium and program product
US20160147741A1 (en) Techniques for providing a user interface incorporating sign language
US11599599B1 (en) Emulating a transparency effect for a display element
CN108053436A (en) Processing method, device, electronic equipment and the picture servers of picture
CN115471398B (en) Image super-resolution method, system, terminal equipment and storage medium
CN105700862B (en) Graphics image processing method and device
US12100072B2 (en) Tinting material on an interface
CN107025675A (en) Method, equipment, browser and the electronic equipment of processing interception picture
CN111506847A (en) Webpage display method, device and equipment and readable storage medium
HK40106007A (en) Try-on picture generation method and system, electronic equipment and storage medium

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
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20200527

Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Applicant after: Alibaba (China) Co.,Ltd.

Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping radio square B tower 13 floor 03 unit self

Applicant before: GUANGZHOU ALIBABA LITERATURE INFORMATION TECHNOLOGY Co.,Ltd.

RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170707