WO2017125050A1 - 图片处理的方法、装置和存储介质 - Google Patents

图片处理的方法、装置和存储介质 Download PDF

Info

Publication number
WO2017125050A1
WO2017125050A1 PCT/CN2017/071753 CN2017071753W WO2017125050A1 WO 2017125050 A1 WO2017125050 A1 WO 2017125050A1 CN 2017071753 W CN2017071753 W CN 2017071753W WO 2017125050 A1 WO2017125050 A1 WO 2017125050A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture
information
container
layer
sub
Prior art date
Application number
PCT/CN2017/071753
Other languages
English (en)
French (fr)
Inventor
钟雨
Original Assignee
腾讯科技(深圳)有限公司
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 腾讯科技(深圳)有限公司 filed Critical 腾讯科技(深圳)有限公司
Publication of WO2017125050A1 publication Critical patent/WO2017125050A1/zh
Priority to US15/971,800 priority Critical patent/US10593018B2/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00Geometric image transformations in the plane of the image
    • G06T3/40Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G06T3/4038Image mosaicing, e.g. composing plane images from plane sub-images
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/60Editing figures and text; Combining figures or text

Definitions

  • the present application relates to the field of picture processing, and in particular, to a method, an apparatus, and a storage medium for picture processing.
  • multiple images can be superimposed on one basemap, and the user can enlarge, reduce, or rotate the superimposed images, so that the superimposed multiple images and the basemap are combined into one image.
  • N N is greater than 2
  • N-1 merge operations Due to the large number of merge operations, the memory resources of the terminal are relatively large and take a long time.
  • the embodiment of the present invention provides a method, an apparatus, and a storage medium for processing a picture, so as to at least solve the technical problem that the memory resource of the terminal is occupied by a large number of merged pictures.
  • a method for image processing including: acquiring first picture information in a first container, where the first picture information is displayed as a first picture by using a first layer; Obtaining screenshot picture information obtained by performing a screenshot operation on the second container, where the screenshot picture information includes second picture information in the second container, the second picture The slice information is displayed as a second picture through the second layer; and the first picture information and the screenshot picture information are combined to obtain a combined picture.
  • an apparatus for image processing including: a first acquiring unit, configured to acquire first picture information in a first container, where the first picture information passes a layer is displayed as a first picture; a second acquiring unit is configured to obtain screenshot picture information obtained by performing a screenshot operation on the second container, where the screenshot picture information includes second picture information in the second container, The second picture information is displayed as a second picture by using the second layer, and the synthesizing unit is configured to synthesize the first picture information and the screenshot picture information to obtain a synthesized picture.
  • a storage medium configured to store program code for performing the following steps, comprising: acquiring first picture information in a first container, where The first picture information is displayed as a first picture by using the first layer; and the screenshot picture information obtained by performing a screenshot operation on the second container, where the screenshot picture information includes the second picture information in the second container.
  • the second picture information is displayed as a second picture by using the second layer; and the first picture information and the screenshot picture information are combined to obtain a synthesized picture.
  • the first picture information in the first container is obtained, where the first picture information is displayed as a first picture by using the first layer; and the screenshot picture information obtained by performing a screenshot operation on the second container is obtained.
  • the screenshot picture information includes second picture information in the second container, the second picture information is displayed as a second picture by using a second layer; and the first picture information and the screenshot picture are The information is synthesized to obtain a synthesized picture. Since the first picture is a picture, the screenshot picture is also a picture, and the screenshot picture includes the second picture information.
  • the synthesis of multiple pictures can also be completed by one synthesis, thereby solving the technical problem that the memory resources of the terminal are occupied by the multiple merged pictures in the prior art, and the technical effect of reducing the occupation of memory resources is achieved.
  • FIG. 2 is a flowchart of a method of picture processing according to an embodiment of the present application.
  • FIG. 3 is a schematic diagram of two layers in accordance with an embodiment of the present application.
  • FIG. 4 is a schematic diagram of a synthesized picture according to an embodiment of the present application.
  • FIG. 5 is a schematic diagram of a synthesized picture according to still another embodiment of the present application.
  • FIG. 6 is a schematic diagram of overlapping two sub-pictures according to an embodiment of the present application.
  • FIG. 7 is a schematic diagram of an apparatus for picture processing according to an embodiment of the present application.
  • FIG. 8 is a structural diagram of a terminal according to an embodiment of the present application.
  • an embodiment of a method that can be performed by an embodiment of the apparatus of the present application is provided. It is noted that the steps illustrated in the flowchart of the accompanying drawings can be in a computer system such as a set of computer executable instructions. The execution is performed, and although the logical order is shown in the flowcharts, in some cases the steps shown or described may be performed in a different order than the ones described herein.
  • a method of picture processing is provided.
  • the method for image processing described above may be applied to a hardware environment formed by the terminal 102 and the server 104 as shown in FIG. 1.
  • the terminal 102 is connected to the server 104 through a network, including but not limited to: a wide area network, a metropolitan area network, or a local area network.
  • the terminal 102 may be a mobile terminal, or may be a PC terminal, a notebook terminal, or a tablet terminal. .
  • the main working principle of the hardware environment system shown in FIG. 1 is that the terminal 102 acquires a base map that needs to be synthesized and a plurality of pictures superimposed on the base map, and the base map and the superimposed picture may be pictures stored in the terminal 102. It may also be a picture obtained from the server 104.
  • the terminal 102 synthesizes the base map and the superimposed multiple pictures, and the synthesized picture can be published to the network through the network, that is, stored in the server 104.
  • the method for image processing includes:
  • Step S202 Acquire first picture information in the first container, where the first picture information is displayed as the first picture by using the first layer.
  • the first picture may also be the base picture acquired by the terminal 102 of FIG. 1, such as the smiley face in FIG.
  • the information of the first picture includes the smile face displayed by the first picture and the position of the smile face in the first picture.
  • the terminal 102 displays the first picture information through the first layer, that is, the first picture information is displayed as the first picture.
  • the first layer is layer 1 in Figure 3.
  • the first container is used to accommodate the base picture, Includes information such as the size of the basemap image, the location of the image in the basemap image, and the type of basemap image.
  • Step S204 Acquire screenshot image information obtained by performing a screenshot operation on the second container, where the screenshot image information includes second image information in the second container, and the second image information is displayed as a second image through the second layer.
  • the second picture may be the leaves and flowers in Figure 3, and the second picture is stored in the second container in the form of second picture information and is shown by layer 2 shown in Figure 3.
  • the second container and the first container are two containers.
  • FIG. 3 only shows that the second picture is two sub-pictures (leaves and flowers), and the second picture may further include more sub-pictures, and more of the sub-pictures are accommodated in the second container.
  • the images displayed through the second layer are displayed in the screenshot image
  • the screenshot image is the same as the image displayed in layer 2, that is, the screenshot image information includes the second image displayed on the second layer. image information.
  • Step S206 synthesizing the first picture information and the screenshot picture information to obtain a synthesized picture.
  • the synthesized picture is shown in Figure 4. Since the first picture is a picture, the screenshot picture is also a picture, and the screenshot picture includes the second picture information, so in the case that the second picture includes multiple sub-pictures, multiple frames can be completed by performing a single synthesis.
  • the invention solves the technical problem that the memory resources of the terminal are occupied by the multiple merged pictures in the prior art, and the technical effect of reducing the occupation of the memory resources is achieved. At the same time, since the number of merged pictures is reduced, the technical effect of improving the efficiency of merging pictures is achieved.
  • the user needs to superimpose a plurality of pictures on the base picture shown in FIG. 3, and the superimposed pictures are the leaves and flowers shown in FIG.
  • the basemap picture is received in the first container, and when the terminal displays the basemap picture, the terminal performs a rendering operation on the first container, thereby displaying a basemap picture on the first layer, that is, a smiley picture on the screen of the terminal.
  • the pictures of the leaves and flowers are accommodated in the second container, and the terminal performs a rendering operation on the second container while displaying the pictures of the leaves and flowers, thereby displaying a picture of the leaves and flowers on the second layer, that is, at the terminal
  • a picture of the leaves and flowers is displayed on the screen.
  • the second layer is above the first layer, so the picture of the second layer may obscure part of the picture on the first layer.
  • the user can place the second picture at any position on the second layer.
  • the synthesized picture is shown in FIG. 4, and the leaf picture blocks part of the picture of the smiling face.
  • the user can also adjust the display position of the second picture on the second layer, and after adjusting the position of the second picture, the synthesized picture is as shown in FIG. 5.
  • the leaf image is displayed in the default position of the second layer, for example, the middle position of the second layer.
  • the user can then adjust the default position to adjust to the position shown in Figure 4 or Figure 5, or to another location.
  • the user can also directly drag the leaf image to any position in the second layer, which is not limited too much.
  • the acquiring the screenshot picture information obtained by performing the screenshot operation on the second container includes: acquiring the second picture information and the location information of the second picture, where the location information of the second picture is used to indicate that the second picture is in the second picture. a position in the layer; generating screenshot picture information according to the second picture information and the location information of the second picture.
  • the second container may be a program for managing and controlling the second picture, such as recording a positional relationship between the plurality of sub-pictures included in the second picture, a position of the second picture in the second layer, and a second picture Information, etc.
  • the second picture information and the location information of the second picture are copied to generate the screenshot picture information, or the screenshot picture information is regenerated according to the second picture information and the location information of the second picture.
  • the terminal's API for screenshot
  • the second container may be subjected to a screenshot operation by using the terminal's API.
  • performing a screenshot operation on the second container does not perform a screenshot operation on the first container, such that the screenshot image information does not include the first picture information in the first container. Therefore, when the first picture and the screenshot picture are combined, there is no first picture information, and when the picture is synthesized, the picture information is not confused.
  • the second picture includes the first sub-picture and the second sub-picture
  • generating the screenshot picture information according to the second picture information and the location information of the second picture includes: determining whether the first sub-picture and the first picture If the first sub-picture overlaps with the second sub-picture, generating screenshot picture information including the first sub-picture information and the part of the second sub-picture information, wherein part of the second sub-picture information is in the second sub-picture There is no information of the picture that is overlapped by the first sub-picture.
  • the first sub-picture and the second sub-picture overlap. If the first sub-picture overlaps the second sub-picture, the screenshot picture information includes the first sub-picture information, and the second sub-picture is not overlapped by the first sub-picture. Part of the second sub-picture information.
  • the case where the second sub-picture is overlaid on the first sub-picture is similar to the case where the first sub-picture overlaps the second-word picture, and details are not described herein again.
  • the screenshot picture information is consistent with the picture information displayed on the terminal screen. Therefore, after the first picture and the screenshot picture are combined, the synthesized picture and the terminal screen are displayed.
  • the content is the same. For example, if the leaf picture and the flower picture in FIG. 6 overlap, and the leaf picture overlaps the flower picture, the picture displayed on the screen is as shown in FIG. 6, and the screenshot picture is also shown in FIG. 6.
  • the method before acquiring the screenshot picture information obtained by performing the screenshot operation on the second container, the method further includes: creating a second container, wherein the second layer obtained by performing rendering on the second container is covered with a predetermined transparency A first picture is located on the first layer; the second picture is received by the second container, wherein the picture information of the second picture received by the second container is displayed on the second layer.
  • the first layer is an opaque layer
  • the first layer may be processed into a layer with a certain transparency.
  • the second layer can be a fully transparent layer or a layer with a certain transparency. If the first picture on the first layer is displayed on the terminal, the second picture on the second layer is displayed on the terminal, and the second layer is not blocked on the basis of the first picture, and the second layer is set to be full A transparent layer, or a layer that is not completely transparent.
  • the first layer is an opaque layer and the second layer is a fully transparent layer.
  • the transparency of the second layer does not affect the transparency of the second image, and the transparency of the second image can be set separately from the transparency of the second layer.
  • the picture displayed on the screen of the terminal is as shown in FIG. 4, wherein the smile face is displayed on the first layer, the leaves and flowers are displayed on the second layer, and the screenshot is obtained after performing the screenshot operation on the second container.
  • the picture information is synthesized with the first picture information, and the synthesized picture is also shown in FIG. That is to say, the picture displayed on the screen of the terminal is the same as the picture after the composition. That is, after the user adjusts the second picture to an appropriate position by observing the picture on the screen, if the combination is determined, the synthesized picture is the same as the picture displayed on the terminal screen.
  • the sub-pictures of the second picture are all accommodated in the second container, and the sub-pictures accommodated in the second container can be adjusted in position on the second layer, for example, two sub-pictures are arranged side by side. , or two sub-pictures overlap settings.
  • the establishing the second container includes: acquiring size information of the first picture and location information of the first picture, where the size information is used to indicate the size of the first picture, and the location information of the first picture is used to represent the first picture. a display position on the first layer; a second container is created according to the size information and the position information of the first picture, wherein the size of the second layer is consistent with the size indicated by the size information, and the position of the second layer is The position indicated by the location information of a picture is the same.
  • the size of the second layer rendered by the second container is consistent with the size of the first image to ensure that the second layer can completely cover the first image, regardless of the second layer. Which place to place the second picture can be within the valid range of the first picture.
  • the display type of the first picture (including the aspect ratio, etc.) is obtained, and the first picture is centered according to the display type, thereby determining the size of the first picture and the position of the first picture.
  • the position of the first picture can be determined according to the xy coordinates of the upper left corner of the screen. Forming a second container according to the obtained information of the first picture, so that the second picture obtained by performing rendering on the second container is performed
  • the size and position of the layer are identical to the first picture such that the second layer can completely overlap the first picture.
  • the acquiring the screenshot picture information obtained by performing the screenshot operation on the second container includes: sending the indication information to the second container, where the indication information is used to indicate that the position of the second picture in the second layer and the second picture are adjusted.
  • the size of the second container is adjusted according to the indication information to adjust the position of the second picture to the position indicated by the indication information, and the size of the second picture is adjusted to the size indicated by the indication information.
  • the terminal receives the indication information sent by the user through the screen, and then sends the indication information to the second container, and the second container adjusts the position of the second picture in the second layer and the size of the second picture according to the indication information. While the second container adjusts the position of the second picture and the size of the second picture, the second container records the size of the second picture and the position of the second picture in the second layer. Thus, when a rendering operation is performed on the second container to present the second image, the size and position exhibited by the second image coincides with the size and location indicated by the indication information.
  • the first picture and the second picture are respectively placed in two containers, and a plurality of sub-pictures are included in the second container accommodating the second picture, and a second picture information is obtained after the second container is screenshotd.
  • the screenshot image information is synthesized by synthesizing the first picture information and the screenshot picture information to obtain a synthesized picture. Since only one synthesis is needed to complete the synthesis of the image, the technical problem of high memory resources and low synthesis efficiency caused by synthesizing the images one by one is avoided, and the technical effect of saving memory resources and improving the synthesis efficiency is achieved.
  • an apparatus for performing image processing of the method for performing the above picture processing includes: a first obtaining unit 70, a second obtaining unit 72, and a synthesizing unit 74. .
  • the first obtaining unit 70 is configured to acquire first picture information in the first container, where the first picture information is displayed as a first picture by using the first layer.
  • the first picture may also be the base picture acquired by the terminal 102 of FIG. 1, such as the smiley face in FIG.
  • the information of the first picture includes the smile face displayed by the first picture and the position of the smile face in the first picture.
  • the terminal 102 displays the first picture information through the first layer, that is, the first picture information is displayed as the first picture.
  • the first layer is layer 1 in Figure 3.
  • the first container is used to accommodate the base image, including the size of the base image, the position of the image in the base image, and the type of the base image.
  • the second obtaining unit 72 is configured to acquire screenshot picture information obtained by performing a screenshot operation on the second container, where the screenshot picture information includes second picture information in the second container, and the second picture information is displayed as the second through the second layer. image.
  • the second picture may be the leaves and flowers in Figure 3, and the second picture is stored in the second container in the form of second picture information and is shown by layer 2 shown in Figure 3.
  • the second container and the first container are two containers.
  • FIG. 3 only shows that the second picture is two sub-pictures (leaves and flowers), and the second picture may further include more sub-pictures, and more of the sub-pictures are accommodated in the second container.
  • the images displayed through the second layer are displayed in the screenshot image
  • the screenshot image is the same as the image displayed in layer 2, that is, the screenshot image information includes the second image displayed on the second layer. image information.
  • the synthesizing unit 74 is configured to synthesize the first picture information and the screenshot picture information to obtain a synthesized picture.
  • the synthesized picture is shown in Figure 4. Since the first picture is a picture, the screenshot picture is also a picture, and the screenshot picture includes the second picture information, so in the case that the second picture includes multiple sub-pictures, multiple frames can be completed by performing a single synthesis.
  • the invention solves the technical problem that the memory resources of the terminal are occupied by the multiple merged pictures in the prior art, and the technical effect of reducing the occupation of the memory resources is achieved. At the same time, since the number of merged pictures is reduced, the technical effect of improving the efficiency of merging pictures is achieved.
  • the user needs to superimpose a plurality of pictures on the base picture shown in FIG. 3, and the superimposed pictures are the leaves and flowers shown in FIG.
  • the basemap picture is received in the first container, and when the terminal displays the basemap picture, the terminal performs a rendering operation on the first container, thereby displaying a basemap picture on the first layer, that is, a smiley picture on the screen of the terminal.
  • the pictures of the leaves and flowers are accommodated in the second container, and the terminal performs a rendering operation on the second container while displaying the pictures of the leaves and flowers, thereby displaying a picture of the leaves and flowers on the second layer, that is, at the terminal
  • a picture of the leaves and flowers is displayed on the screen.
  • the second layer is above the first layer, so the picture of the second layer may obscure part of the picture on the first layer.
  • the user can place the second picture at any position on the second layer.
  • the synthesized picture is shown in FIG. 4, and the leaf picture blocks part of the picture of the smiling face.
  • the user can also adjust the display position of the second picture on the second layer, and after adjusting the position of the second picture, the synthesized picture is as shown in FIG. 5.
  • the leaf image is displayed in the default position of the second layer, for example, the middle position of the second layer.
  • the user can then adjust the default position to adjust to the position shown in Figure 4 or Figure 5, or to another location.
  • the user can also directly drag the leaf image to any position in the second layer, which is not limited too much.
  • the second obtaining unit includes: a first acquiring module, configured to acquire location information of the second picture information and the second picture, where the location information of the second picture is used to indicate that the second picture is a location in the second layer; a generating module, configured to generate screenshot picture information according to the second picture information and the location information of the second picture.
  • the second container may be a program for managing and controlling the second picture, such as recording a positional relationship between the plurality of sub-pictures included in the second picture, a position of the second picture in the second layer, and a second picture Information, etc.
  • the second picture information and the location information of the second picture are copied to generate the screenshot picture information, or the screenshot picture information is regenerated according to the second picture information and the location information of the second picture.
  • the terminal's API for screenshot
  • the second container may be subjected to a screenshot operation by using the terminal's API.
  • performing a screenshot operation on the second container does not perform a screenshot operation on the first container, such that the screenshot image information does not include the first picture information in the first container. Therefore, when the first picture and the screenshot picture are combined, there is no first picture information, and when the picture is synthesized, the picture information is not confused.
  • the second picture includes a first sub-picture and a second sub-picture
  • the generating module includes: a determining sub-module, configured to determine whether the first sub-picture overlaps with the second sub-picture; and generating a sub-module for the first When the sub-picture overlaps with the second sub-picture, generating screenshot picture information including the first sub-picture information and the part of the second sub-picture information, wherein part of the second sub-picture information is not overlapped by the first sub-picture in the second sub-picture The information of the picture.
  • the first sub-picture and the second sub-picture overlap. If the first sub-picture overlaps the second sub-picture, the screenshot picture information includes the first sub-picture information, and the second sub-picture is not overlapped by the first sub-picture. Part of the second sub-picture information.
  • the case where the second sub-picture is overlaid on the first sub-picture is similar to the case where the first sub-picture overlaps the second-word picture, and details are not described herein again.
  • the screenshot picture information is consistent with the picture information displayed on the terminal screen. Therefore, after the first picture and the screenshot picture are combined, the synthesized picture and the terminal screen are displayed. The content is the same. For example, if the leaf picture and the flower picture in FIG. 6 overlap, and the leaf picture overlaps the flower picture, the picture displayed on the screen is as As shown in Figure 6, the screenshot picture is also shown in Figure 6.
  • the device further includes: an establishing unit, configured to establish a second container, where the second layer is obtained by performing rendering on the second container, before acquiring the screenshot image information obtained by performing the screenshot operation on the second container The predetermined transparency is overlaid on the first layer where the first picture is located; the receiving unit is configured to receive the second picture by using the second container, where the picture information of the second picture received by the second container is on the second layer Show.
  • an establishing unit configured to establish a second container, where the second layer is obtained by performing rendering on the second container, before acquiring the screenshot image information obtained by performing the screenshot operation on the second container
  • the predetermined transparency is overlaid on the first layer where the first picture is located
  • the receiving unit is configured to receive the second picture by using the second container, where the picture information of the second picture received by the second container is on the second layer Show.
  • the first layer is an opaque layer
  • the first layer may be processed into a layer with a certain transparency.
  • the second layer can be a fully transparent layer or a layer with a certain transparency. If the first picture on the first layer is displayed on the terminal, the second picture on the second layer is displayed on the terminal, and the second layer is not blocked on the basis of the first picture, and the second layer is set to be full A transparent layer, or a layer that is not completely transparent.
  • the first layer is an opaque layer and the second layer is a fully transparent layer.
  • the transparency of the second layer does not affect the transparency of the second image, and the transparency of the second image can be set separately from the transparency of the second layer.
  • a second picture with a certain transparency is displayed on the fully transparent second layer, or a completely opaque second picture is displayed on the fully transparent second layer. Displaying a completely opaque second picture on the transparent second layer, so that the second picture on the second layer is displayed on the first layer, so that the picture and the second layer displayed on the first layer.
  • the pictures displayed above form an image, and the first picture and the picture picture are combined to form the same picture, and the first picture information and the second picture information combination are displayed on the synthesized picture. Image information.
  • the picture displayed on the screen of the terminal is as shown in FIG. 4, wherein the smile face is displayed on the first layer, the leaves and flowers are displayed on the second layer, and the screenshot is obtained after performing the screenshot operation on the second container.
  • the picture information is synthesized with the first picture information, and the synthesized picture is also shown in FIG. That is to say, the picture displayed on the screen of the terminal is the same as the picture after the composition. That is, after the user adjusts the second picture to the appropriate position by observing the picture on the screen, if the determination is made, The synthesized picture is the same as the picture displayed on the terminal screen.
  • the sub-pictures of the second picture are all accommodated in the second container, and the sub-pictures accommodated in the second container can be adjusted in position on the second layer, for example, two sub-pictures are arranged side by side. , or two sub-pictures overlap settings.
  • the establishing unit includes: a second acquiring module, configured to acquire size information of the first picture and location information of the first picture, where the size information is used to indicate the size of the first picture, and the location information of the first picture is used by And a display module, configured to establish a second container according to the size information and the location information of the first image, wherein the size of the second layer and the size indicated by the size information Consistently, the position of the second layer coincides with the position indicated by the position information of the first picture.
  • the size of the second layer rendered by the second container is consistent with the size of the first image to ensure that the second layer can completely cover the first image, regardless of the second layer.
  • Which place to place the second picture can be within the valid range of the first picture.
  • the display type of the first picture (including the aspect ratio, etc.) is obtained, and the first picture is centered according to the display type, thereby determining the size of the first picture and the position of the first picture.
  • the position of the first picture can be determined according to the xy coordinates of the upper left corner of the screen.
  • establishing a second container according to the obtained information of the first picture, so that the size and position of the second layer obtained by performing rendering on the second container are consistent with the first picture, so that the second layer can completely overlap with the first picture.
  • the second obtaining unit includes: a sending module, configured to send the indication information to the second container, where the indication information is used to indicate that the position of the second picture in the second layer and the size of the second picture are adjusted; And a module, configured to control the second container to adjust the position of the second picture to the position indicated by the indication information according to the indication information, and adjust the size of the second picture to the size indicated by the indication information.
  • the terminal receives the indication information sent by the user through the screen, and then sends the indication information to the second container, and the second container adjusts the position of the second picture in the second layer and the size of the second picture according to the indication information.
  • the second container adjusts the position of the second picture and the size of the second picture,
  • the second container records the size of the second picture and the position of the second picture in the second layer.
  • the first picture and the second picture are respectively placed in two containers, and a plurality of sub-pictures are included in the second container accommodating the second picture, and a second picture information is obtained after the second container is screenshotd.
  • the screenshot image information is synthesized by synthesizing the first picture information and the screenshot picture information to obtain a synthesized picture. Since only one synthesis is needed to complete the synthesis of the image, the technical problem of high memory resources and low synthesis efficiency caused by synthesizing the images one by one is avoided, and the technical effect of saving memory resources and improving the synthesis efficiency is achieved.
  • the terminal includes: a processor 801, a camera 802, a display 803, a data interface 804, a memory 805, and a network.
  • the camera 802 is mainly used to collect images of users.
  • the display 803 is mainly used to display the first picture and the second picture.
  • the data interface 804 mainly transmits the picture recorded by the third party tool to the processor 801 by means of data transmission, and the third party tool may be an image capturing device.
  • the memory 805 is mainly used to store the first picture and the second picture.
  • the network interface 806 is mainly used to communicate with the server and receive the second picture sent by the server.
  • the speaker 807 is mainly used to play an audio signal.
  • the microphone 808 is mainly used to record audio.
  • the processor 801 is mainly used to perform the following operations:
  • the first picture information in the first container where the first picture information is displayed as the first picture by using the first layer; and the screenshot picture information obtained by performing the screenshot operation on the second container, where the screenshot picture information includes the second
  • the second picture information in the container is displayed as a second picture through the second layer; the first picture information and the screenshot picture information are synthesized to obtain a synthesized picture.
  • the processor 801 is further configured to: obtain the screenshot picture information obtained by performing the screenshot operation on the second container, including: acquiring the second picture information and the location information of the second picture, where the location information of the second picture is used to indicate the a position of the second picture in the second layer; generating screenshot picture information according to the second picture information and the location information of the second picture.
  • the processor 801 is further configured to: the second picture includes a first sub-picture and a second sub-picture, and generating the screenshot picture information according to the second picture information and the location information of the second picture includes: determining whether the first sub-picture is If the first sub-picture overlaps with the second sub-picture, the screenshot picture information including the first sub-picture information and the part of the second sub-picture information is generated, where part of the second sub-picture information is the second sub-picture There is no information in the picture that is overlapped by the first sub-picture.
  • the processor 801 is further configured to: before acquiring the screenshot picture information obtained by performing the screenshot operation on the second container, the method further includes: creating a second container, wherein the second layer obtained by performing rendering on the second container is The predetermined transparency is overlaid on the first layer where the first picture is located; the second picture is received by the second container, wherein the picture information of the second picture received by the second container is displayed on the second layer.
  • the processor 801 is further configured to: the establishing the second container comprises: acquiring size information of the first picture and location information of the first picture, wherein the size information is used to indicate the size of the first picture, and the location information of the first picture And a second container is formed according to the size information and the position information of the first image, wherein the size of the second layer is consistent with the size indicated by the size information, and the second The position of the layer coincides with the position indicated by the position information of the first picture.
  • the processor 801 is further configured to: perform a screenshot operation on the second container to obtain
  • the screenshot picture information includes: sending indication information to the second container, wherein the indication information is used to indicate adjusting a position of the second picture in the second layer and a size of the second picture; controlling the second container to be second according to the indication information The position of the picture is adjusted to the position indicated by the indication information, and the size of the second picture is adjusted to the size indicated by the indication information.
  • Embodiments of the present application also provide a storage medium.
  • the foregoing storage medium may be located in at least one of the plurality of network devices in the network.
  • the storage medium is arranged to store program code for performing the following steps:
  • the first picture information in the first container where the first picture information is displayed as the first picture by using the first layer; and the screenshot picture information obtained by performing the screenshot operation on the second container, where the screenshot picture information includes the second
  • the second picture information in the container is displayed as a second picture through the second layer; the first picture information and the screenshot picture information are synthesized to obtain a synthesized picture.
  • the storage medium is further configured to store program code for performing the following steps: obtaining screenshot picture information obtained by performing a screenshot operation on the second container, comprising: acquiring second picture information and location information of the second picture, where The location information of the second picture is used to indicate a location of the second picture in the second layer; and the screenshot picture information is generated according to the second picture information and the location information of the second picture.
  • the storage medium is further configured to store program code for performing the following steps: the second picture includes a first sub-picture and a second sub-picture, and the screenshot picture information is generated according to the second picture information and the location information of the second picture.
  • the method includes: determining whether the first sub-picture overlaps with the second sub-picture; if the first sub-picture overlaps with the second sub-picture, generating the first sub-picture information and the second part The screenshot picture information of the sub-picture information, wherein the part of the second sub-picture information is information of the picture in the second sub-picture that is not overlapped by the first sub-picture.
  • the storage medium is further configured to store program code for performing the following steps: before acquiring the screenshot picture information obtained by performing the screenshot operation on the second container, the method further includes: establishing a second container, wherein, by using the second The second layer obtained by the container performing rendering is overlaid on the first layer where the first picture is located with a predetermined transparency; the second picture is received by the second container, wherein the picture information of the second picture received by the second container is Shown on the second layer.
  • the storage medium is further configured to store program code for performing the following steps: establishing the second container comprises: acquiring size information of the first picture and location information of the first picture, wherein the size information is used to indicate the first The size of the picture, the location information of the first picture is used to indicate the display position of the first picture on the first layer; the second container is created according to the size information and the location information of the first picture, wherein the size of the second layer is The size indicated by the size information is the same, and the position of the second layer is consistent with the position indicated by the position information of the first picture.
  • the storage medium is further configured to store program code for performing the following steps: obtaining screenshot picture information obtained by performing a screenshot operation on the second container comprises: transmitting indication information to the second container, wherein the indication information is used to indicate Adjusting a position of the second picture in the second layer and a size of the second picture; controlling the second container to adjust the position of the second picture to the position indicated by the indication information according to the indication information, and adjusting the size of the second picture to Indicates the size indicated by the message.
  • the foregoing storage medium may include, but not limited to, a USB flash drive, a Read-Only Memory (ROM), a Random Access Memory (RAM), a mobile hard disk, and a magnetic memory.
  • ROM Read-Only Memory
  • RAM Random Access Memory
  • a mobile hard disk e.g., a hard disk
  • magnetic memory e.g., a hard disk
  • the integrated unit in the above embodiment if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in the above-described computer readable storage medium.
  • the technical solution of the present application contributes essentially or to the prior art.
  • Part or all or part of the technical solution may be embodied in the form of a software product stored in a storage medium, comprising instructions for causing one or more computer devices (which may be a personal computer, a server or a network) The device or the like) performs all or part of the steps of the method described in the various embodiments of the present application.
  • the disclosed client may be implemented in other manners.
  • the device embodiments described above are merely illustrative.
  • the division of the unit is only a logical function division.
  • multiple units or components may be combined or may be Integrate into another system, or some features can be ignored or not executed.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, unit or module, and may be electrical or otherwise.
  • the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of the embodiment.
  • each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
  • the above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Processing Or Creating Images (AREA)
  • Editing Of Facsimile Originals (AREA)
  • Image Processing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Studio Circuits (AREA)

Abstract

一种图片处理的方法、装置和存储介质。其中,该方法包括:获取第一容器中的第一图片信息,其中,第一图片信息通过第一图层展示为第一图片;获取对第二容器执行截图操作得到的截图图片信息,其中,截图图片信息包括第二容器中的第二图片信息,第二图片信息通过第二图层展示为第二图片;对第一图片信息和截图图片信息进行合成,得到合成后的图片。该方法解决了由于多次合并图片导致终端的内存资源占用比较大的技术问题。

Description

图片处理的方法、装置和存储介质
本申请要求于2016年01月21日提交中国专利局、申请号为201610042105.2、发明名称为“图片处理的方法和装置”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请涉及图片处理领域,具体而言,涉及一种图片处理的方法、装置和存储介质。
背景技术
随着图片处理的需要,可以在一张底图上叠加多张图片,用户通过放大、缩小或者旋转这些叠加的图片,使得叠加的多张图片和底图合成为一张图片导出。
通常,在将N(N大于2)张图片合成为一张图片的时候,需要逐个图片进行合成,也就需要N-1次合并操作。由于合并操作的次数多,因此,终端的内存资源占用比较大,耗时比较长。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本申请实施例提供了一种图片处理的方法、装置和存储介质,以至少解决由于多次合并图片导致终端的内存资源的占用比较大的技术问题。
根据本申请实施例的一个方面,提供了一种图片处理的方法,包括:获取第一容器中的第一图片信息,其中,所述第一图片信息通过第一图层展示为第一图片;获取对第二容器执行截图操作得到的截图图片信息,其中,所述截图图片信息包括所述第二容器中的第二图片信息,所述第二图 片信息通过第二图层展示为第二图片;对所述第一图片信息和所述截图图片信息进行合成,得到合成后的图片。
根据本申请实施例的另一方面,还提供了一种图片处理的装置,包括:第一获取单元,用于获取第一容器中的第一图片信息,其中,所述第一图片信息通过第一图层展示为第一图片;第二获取单元,用于获取对第二容器执行截图操作得到的截图图片信息,其中,所述截图图片信息包括所述第二容器中的第二图片信息,所述第二图片信息通过第二图层展示为第二图片;合成单元,用于对所述第一图片信息和所述截图图片信息进行合成,得到合成后的图片。
根据本申请实施例的另一方面,还提供了一种存储介质,所述存储介质被设置为存储用于执行以下步骤的程序代码,包括:获取第一容器中的第一图片信息,其中,所述第一图片信息通过第一图层展示为第一图片;获取对第二容器执行截图操作得到的截图图片信息,其中,所述截图图片信息包括所述第二容器中的第二图片信息,所述第二图片信息通过第二图层展示为第二图片;对所述第一图片信息和所述截图图片信息进行合成,得到合成后的图片。
在本申请实施例中,获取第一容器中的第一图片信息,其中,所述第一图片信息通过第一图层展示为第一图片;获取对第二容器执行截图操作得到的截图图片信息,其中,所述截图图片信息包括所述第二容器中的第二图片信息,所述第二图片信息通过第二图层展示为第二图片;对所述第一图片信息和所述截图图片信息进行合成,得到合成后的图片,由于第一图片是一张图片,截图图片也是一张图片,并且截图图片中包括第二图片信息,因此,在第二图片包括多个子图片的情况下,进行一次合成也能完成多个图片的合成,从而解决了现有技术中由于多次合并图片导致终端的内存资源的占用比较大的技术问题,达到了减少内存资源的占用的技术效果。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本申请实施例的硬件结构图;
图2是根据本申请实施例的图片处理的方法的流程图;
图3是根据本申请实施例的两个图层的示意图;
图4是根据本申请一实施例的合成后的图片的示意图;
图5是根据本申请又一实施例的合成后的图片的示意图;
图6是根据本申请实施例的两个子图片重叠的示意图;
图7是根据本申请实施例的图片处理的装置的示意图;
图8是根据本申请实施例的终端的结构图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排 他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例1
根据本申请实施例,提供了一种可以通过本申请装置实施例执行的方法实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
根据本申请实施例,提供了一种图片处理的方法。可选地,在本实施例中,上述图片处理的方法可以应用于如图1所示的终端102和服务器104所构成的硬件环境中。如图1所示,终端102通过网络与服务器104进行连接,上述网络包括但不限于:广域网、城域网或局域网,终端102可以是手机终端,也可以是PC终端、笔记本终端或平板电脑终端。
图1中示出的硬件环境***的主要工作原理是:终端102获取需要合成的底图和叠加在底图上的多个图片,底图和叠加的图片可以是存储在终端102中的图片,也可以是从服务器104中获取的图片。终端102对底图和叠加的多张图片进行合成,可以通过网络将合成得到的一张图片发布到网络,即存储在服务器104中。
如图2所示,该图片处理的方法包括:
步骤S202,获取第一容器中的第一图片信息,其中,第一图片信息通过第一图层展示为第一图片。
第一图片也可以是图1的终端102获取的底图,如图3中的笑脸。第一图片的信息包括第一图片所展示的笑脸,以及笑脸在第一图片中的位置。终端102通过第一图层展示第一图片信息,即将第一图片信息展示为第一图片。第一图层即图3中的图层1。其中,第一容器用来容纳底图图片, 包括底图图片的大小,图像在底图图片中的位置和底图图片的类型等信息。
步骤S204,获取对第二容器执行截图操作得到的截图图片信息,其中,截图图片信息包括第二容器中的第二图片信息,第二图片信息通过第二图层展示为第二图片。
第二图片可以是图3中的叶子和花朵,第二图片以第二图片信息的形式被存储在第二容器中,并通过图3所示的图层2展示出来。其中,第二容器与第一容器为两个容器。图3仅示出了第二图片为两个子图片(叶子和花朵),第二图片还可以包括更多个子图片,更多个子图片均被容纳在第二容器中。对第二容器执行截图操作,通过第二图层展示的图片都展示在截图图片中,截图图片与图层2所显示的图片相同,即截图图片信息包括展示在第二图层上的第二图片信息。
步骤S206,对第一图片信息和截图图片信息进行合成,得到合成后的图片。
合成后的图片如图4所示。由于第一图片是一张图片,截图图片也是一张图片,并且截图图片中包括第二图片信息,因此,在第二图片包括多个子图片的情况下,进行一次合成也能完成多个图片的合成,从而解决了现有技术中由于多次合并图片导致终端的内存资源的占用比较大的技术问题,达到了减少内存资源的占用的技术效果。同时,由于减少了合并图片的次数,因此,达到了提高合并图片的效率的技术效果。
例如,用户需要在图3所示的底图图片上叠加多个图片,叠加的图片为图3所示的叶子和花朵。其中,底图图片被容纳在第一容器中,终端在显示底图图片时,对第一容器执行渲染操作,从而在第一图层上显示底图图片,即在终端的屏幕上笑脸图片。叶子和花朵的图片都被容纳在第二容器中,终端在显示叶子和花朵的图片时,对第二容器执行渲染操作,从而在第二图层上显示叶子和花朵的图片,即在终端的屏幕上显示叶子和花朵的图片。通常,第二图层在第一图层之上,因此,第二图层的图片有可能会遮挡第一图层上的部分图片。
用户可以将第二图片放在第二图层上的任意一个位置,合成的图片如图4所示,叶子图片遮挡了笑脸的部分图片。用户还可以调整第二图片在第二图层上的显示位置,调整后第二图片的位置后,合成的图片如图5所示。
需要说明的是,若用户选择将叶子图片作为第二图片放在第二容器中,叶子图片显示在第二图层的默认位置,例如第二图层的中间位置。然后用户可以对默认位置进行调整,调整为图4或者图5所示的位置,或者其他位置。用户也可以直接将叶子图片拖动到第二图层中的任意位置,此处不做过多限定。
可选地,获取对第二容器执行截图操作得到的截图图片信息包括:获取第二图片信息和第二图片的位置信息,其中,第二图片的位置信息用于指示第二图片在第二图层中的位置;根据第二图片信息和第二图片的位置信息生成截图图片信息。
第二容器可以是一种程序,对第二图片进行管理和控制,如记录第二图片包括的多个子图片之间的位置关系,第二图片在第二图层中的位置,以及第二图片信息等。
生成截图图片信息时,复制第二图片信息和第二图片的位置信息来生成截图图片信息,或者,根据第二图片信息和第二图片的位置信息重新生成截图图片信息。在一个具体的实施例中,可以在生成截图图片信息时,调用终端的API(用于截图),利用终端的API对第二容器执行截图操作。
需要说明的是,对第二容器执行截图操作并不会对第一容器执行截图操作,使得截图图片信息不包括第一容器中的第一图片信息。从而在对第一图片和截图图片进行合成时,不会有第一图片信息,在进行图片合成时,就不会造成图片信息的混淆。
可选地,第二图片包括第一子图片和第二子图片,根据第二图片信息和第二图片的位置信息生成截图图片信息包括:判断第一子图片是否与第 二子图片重叠;若第一子图片与第二子图片重叠,则生成包括第一子图片信息和部分第二子图片信息的截图图片信息,其中,部分第二子图片信息为第二子图片中没有被第一子图片重叠的图片的信息。
第一子图片和第二子图片重叠,若第一子图片重叠在第二子图片之上,则截图图片信息包括第一子图片信息,以及第二子图片中没有被第一子图片重叠的部分第二子图片信息。第二子图片重叠在第一子图片之上的情况与第一子图片重叠在第二字图片之上的情况相似,此处不再赘述。
在被重叠图片的部分不显示在截图图片中时,截图图片信息与终端屏幕上显示的图片信息一致,因此,对第一图片和截图图片进行合成后,合成后的图片与终端屏幕上显示的内容相同。例如,图6中的叶子图片和花朵图片重叠,且叶子图片重叠在花朵图片之上,则显示在屏幕上的图片如图6所述,截图图片也如图6所示。
可选地,获取对第二容器执行截图操作得到的截图图片信息之前,方法还包括:建立第二容器,其中,通过对第二容器执行渲染得到的第二图层以预定的透明度覆盖在第一图片所在的第一图层上;通过第二容器接收第二图片,其中,第二容器接收到的第二图片的图片信息在第二图层上展示。
对第一容器执行渲染得到第一图层,对第二容器执行渲染得到第二图层,通常第一图层为不透明的图层,也可以将第一图层处理为具有一定透明度的图层来显示第一图片。第二图层可以为全透明的图层,也可以为具有一定透明度的图层。若在终端上显示第一图层上的第一图片,在终端上显示第二图层上的第二图片,且第二图层不遮挡第一图片的基础上,第二图层设置为全透明的图层,或者不完全透明的图层。为了在合成时能够显示第一图片,并且突出第一图片和第二图片,优选第一图层为不透明的图层,第二图层为全透明的图层。
第二图层的透明度并不影响第二图片的透明度,第二图片的透明度可以与第二图层的透明度单独设置。例如,在全透明的第二图层上显示具有 一定透明度的第二图片,或者,在全透明的第二图层上显示完全不透明的第二图片。在透明的第二图层上显示完全不透明的第二图片,可以使第二图层上的第二图片显示在第一图层之上,使得第一图层上显示的图片和第二图层上显示的图片组成一个图像,通过对第一图片信息和截图图片信息进行合成,使得第一图片和截图图片组成同一个图片,在合成的图片上显示第一图片信息和第二图片信息组合而成的图片信息。
例如,在终端的屏幕上显示的图片如图4所示,其中,笑脸显示在第一图层上,叶子和花朵显示在第二图层上,对第二容器执行截图操作后,得到的截图图片的信息和第一图片信息进行合成,合成的图片也如图4所示。也就是说,在终端的屏幕上显示的图片与合成后的图片相同。即,用户通过观察屏幕上的图片,将第二图片调整到合适的位置后,若确定合成,则合成的图片与显示在终端屏幕上的图片相同。
在建立第二容器之后,第二图片的子图片都被容纳在第二容器中,被容纳在第二容器中的子图片可以调节其在第二图层上的位置,比如两个子图片并排设置,或者两个子图片重叠设置。
可选地,建立第二容器包括:获取第一图片的尺寸信息和第一图片的位置信息,其中,尺寸信息用于表示第一图片的尺寸,第一图片的位置信息用于表示第一图片在第一图层上的显示位置;按照尺寸信息和第一图片的位置信息建立第二容器,其中,第二图层的尺寸与尺寸信息所指示的尺寸一致,第二图层的位置与第一图片的位置信息所指示的位置一致。
在建立第二容器时,对第二容器执行渲染得到的第二图层的尺寸与第一图片的尺寸一致,以保证第二图层能够将第一图片完全覆盖住,无论在第二图层的哪个地方放置第二图片,都能在第一图片的有效范围内。在加载第一图片之后,获取第一图片的展示类型(包括长宽比等),根据展示类型对第一图片进行居中展示,从而确定了第一图片的尺寸和第一图片的位置。第一图片的位置可以根据屏幕左上角的xy坐标来确定。根据获得的第一图片的信息建立第二容器,使得对第二容器执行渲染得到的第二图 层的尺寸和位置都与第一图片一致,使得第二图层能够完全与第一图片重叠。
可选地,获取对第二容器执行截图操作得到的截图图片信息包括:向第二容器发送指示信息,其中,指示信息用于指示调节第二图片在第二图层中的位置和第二图片的尺寸;控制第二容器根据指示信息将第二图片的位置调整为指示信息所指示的位置,并将第二图片的尺寸调节为指示信息所指示的尺寸。
终端通过屏幕接收用户发送的指示信息,然后将指示信息发送给第二容器,由第二容器根据指示信息调节第二图片在第二图层中的位置和第二图片的尺寸。第二容器调节第二图片的位置和第二图片的尺寸的同时,第二容器记录第二图片的尺寸和第二图片在第二图层中的位置。因此,在对第二容器执行渲染操作以展示第二图片时,第二图片所展示的尺寸和位置与指示信息所指示的尺寸和位置一致。
通过上述实施例,将第一图片和第二图片分别放在两个容器中,且在容纳第二图片的第二容器中包括多个子图片,对第二容器截图后得到一个包括第二图片信息的截图图片信息,对第一图片信息和截图图片信息进行合成,得到合成后的图片。由于只需要进行一次合成就能完成图片的合成,避免了逐个对图片进行合成所导致的占用内存资源较高和合成效率比较低的技术问题,达到了节约内存资源以及提高合成效率的技术效果。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理 解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
实施例2
根据本申请实施例,还提供了一种用于实施上述图片处理的方法的图片处理的装置,如图7所示,该装置包括:第一获取单元70、第二获取单元72和合成单元74。
第一获取单元70用于获取第一容器中的第一图片信息,其中,第一图片信息通过第一图层展示为第一图片。
第一图片也可以是图1的终端102获取的底图,如图3中的笑脸。第一图片的信息包括第一图片所展示的笑脸,以及笑脸在第一图片中的位置。终端102通过第一图层展示第一图片信息,即将第一图片信息展示为第一图片。第一图层即图3中的图层1。其中,第一容器用来容纳底图图片,包括底图图片的大小,图像在底图图片中的位置和底图图片的类型等信息。
第二获取单元72用于获取对第二容器执行截图操作得到的截图图片信息,其中,截图图片信息包括第二容器中的第二图片信息,第二图片信息通过第二图层展示为第二图片。
第二图片可以是图3中的叶子和花朵,第二图片以第二图片信息的形式被存储在第二容器中,并通过图3所示的图层2展示出来。其中,第二容器与第一容器为两个容器。图3仅示出了第二图片为两个子图片(叶子和花朵),第二图片还可以包括更多个子图片,更多个子图片均被容纳在第二容器中。对第二容器执行截图操作,通过第二图层展示的图片都展示在截图图片中,截图图片与图层2所显示的图片相同,即截图图片信息包括展示在第二图层上的第二图片信息。
合成单元74用于对第一图片信息和截图图片信息进行合成,得到合成后的图片。
合成后的图片如图4所示。由于第一图片是一张图片,截图图片也是一张图片,并且截图图片中包括第二图片信息,因此,在第二图片包括多个子图片的情况下,进行一次合成也能完成多个图片的合成,从而解决了现有技术中由于多次合并图片导致终端的内存资源的占用比较大的技术问题,达到了减少内存资源的占用的技术效果。同时,由于减少了合并图片的次数,因此,达到了提高合并图片的效率的技术效果。
例如,用户需要在图3所示的底图图片上叠加多个图片,叠加的图片为图3所示的叶子和花朵。其中,底图图片被容纳在第一容器中,终端在显示底图图片时,对第一容器执行渲染操作,从而在第一图层上显示底图图片,即在终端的屏幕上笑脸图片。叶子和花朵的图片都被容纳在第二容器中,终端在显示叶子和花朵的图片时,对第二容器执行渲染操作,从而在第二图层上显示叶子和花朵的图片,即在终端的屏幕上显示叶子和花朵的图片。通常,第二图层在第一图层之上,因此,第二图层的图片有可能会遮挡第一图层上的部分图片。
用户可以将第二图片放在第二图层上的任意一个位置,合成的图片如图4所示,叶子图片遮挡了笑脸的部分图片。用户还可以调整第二图片在第二图层上的显示位置,调整后第二图片的位置后,合成的图片如图5所示。
需要说明的是,若用户选择将叶子图片作为第二图片放在第二容器中,叶子图片显示在第二图层的默认位置,例如第二图层的中间位置。然后用户可以对默认位置进行调整,调整为图4或者图5所示的位置,或者其他位置。用户也可以直接将叶子图片拖动到第二图层中的任意位置,此处不做过多限定。
可选地,第二获取单元包括:第一获取模块,用于获取第二图片信息和第二图片的位置信息,其中,第二图片的位置信息用于指示第二图片在 第二图层中的位置;生成模块,用于根据第二图片信息和第二图片的位置信息生成截图图片信息。
第二容器可以是一种程序,对第二图片进行管理和控制,如记录第二图片包括的多个子图片之间的位置关系,第二图片在第二图层中的位置,以及第二图片信息等。
生成截图图片信息时,复制第二图片信息和第二图片的位置信息来生成截图图片信息,或者,根据第二图片信息和第二图片的位置信息重新生成截图图片信息。在一个具体的实施例中,可以在生成截图图片信息时,调用终端的API(用于截图),利用终端的API对第二容器执行截图操作。
需要说明的是,对第二容器执行截图操作并不会对第一容器执行截图操作,使得截图图片信息不包括第一容器中的第一图片信息。从而在对第一图片和截图图片进行合成时,不会有第一图片信息,在进行图片合成时,就不会造成图片信息的混淆。
可选地,第二图片包括第一子图片和第二子图片,生成模块包括:判断子模块,用于判断第一子图片是否与第二子图片重叠;生成子模块,用于在第一子图片与第二子图片重叠时,生成包括第一子图片信息和部分第二子图片信息的截图图片信息,其中,部分第二子图片信息为第二子图片中没有被第一子图片重叠的图片的信息。
第一子图片和第二子图片重叠,若第一子图片重叠在第二子图片之上,则截图图片信息包括第一子图片信息,以及第二子图片中没有被第一子图片重叠的部分第二子图片信息。第二子图片重叠在第一子图片之上的情况与第一子图片重叠在第二字图片之上的情况相似,此处不再赘述。
在被重叠图片的部分不显示在截图图片中时,截图图片信息与终端屏幕上显示的图片信息一致,因此,对第一图片和截图图片进行合成后,合成后的图片与终端屏幕上显示的内容相同。例如,图6中的叶子图片和花朵图片重叠,且叶子图片重叠在花朵图片之上,则显示在屏幕上的图片如 图6所述,截图图片也如图6所示。
可选地,装置还包括:建立单元,用于在获取对第二容器执行截图操作得到的截图图片信息之前,建立第二容器,其中,通过对第二容器执行渲染得到的第二图层以预定的透明度覆盖在第一图片所在的第一图层上;接收单元,用于通过第二容器接收第二图片,其中,第二容器接收到的第二图片的图片信息在第二图层上展示。
对第一容器执行渲染得到第一图层,对第二容器执行渲染得到第二图层,通常第一图层为不透明的图层,也可以将第一图层处理为具有一定透明度的图层来显示第一图片。第二图层可以为全透明的图层,也可以为具有一定透明度的图层。若在终端上显示第一图层上的第一图片,在终端上显示第二图层上的第二图片,且第二图层不遮挡第一图片的基础上,第二图层设置为全透明的图层,或者不完全透明的图层。为了在合成时能够显示第一图片,并且突出第一图片和第二图片,优选第一图层为不透明的图层,第二图层为全透明的图层。
第二图层的透明度并不影响第二图片的透明度,第二图片的透明度可以与第二图层的透明度单独设置。例如,在全透明的第二图层上显示具有一定透明度的第二图片,或者,在全透明的第二图层上显示完全不透明的第二图片。在透明的第二图层上显示完全不透明的第二图片,可以使第二图层上的第二图片显示在第一图层之上,使得第一图层上显示的图片和第二图层上显示的图片组成一个图像,通过对第一图片信息和截图图片信息进行合成,使得第一图片和截图图片组成同一个图片,在合成的图片上显示第一图片信息和第二图片信息组合而成的图片信息。
例如,在终端的屏幕上显示的图片如图4所示,其中,笑脸显示在第一图层上,叶子和花朵显示在第二图层上,对第二容器执行截图操作后,得到的截图图片的信息和第一图片信息进行合成,合成的图片也如图4所示。也就是说,在终端的屏幕上显示的图片与合成后的图片相同。即,用户通过观察屏幕上的图片,将第二图片调整到合适的位置后,若确定合成, 则合成的图片与显示在终端屏幕上的图片相同。
在建立第二容器之后,第二图片的子图片都被容纳在第二容器中,被容纳在第二容器中的子图片可以调节其在第二图层上的位置,比如两个子图片并排设置,或者两个子图片重叠设置。
可选地,建立单元包括:第二获取模块,用于获取第一图片的尺寸信息和第一图片的位置信息,其中,尺寸信息用于表示第一图片的尺寸,第一图片的位置信息用于表示第一图片在第一图层上的显示位置;建立模块,用于按照尺寸信息和第一图片的位置信息建立第二容器,其中,第二图层的尺寸与尺寸信息所指示的尺寸一致,第二图层的位置与第一图片的位置信息所指示的位置一致。
在建立第二容器时,对第二容器执行渲染得到的第二图层的尺寸与第一图片的尺寸一致,以保证第二图层能够将第一图片完全覆盖住,无论在第二图层的哪个地方放置第二图片,都能在第一图片的有效范围内。在加载第一图片之后,获取第一图片的展示类型(包括长宽比等),根据展示类型对第一图片进行居中展示,从而确定了第一图片的尺寸和第一图片的位置。第一图片的位置可以根据屏幕左上角的xy坐标来确定。根据获得的第一图片的信息建立第二容器,使得对第二容器执行渲染得到的第二图层的尺寸和位置都与第一图片一致,使得第二图层能够完全与第一图片重叠。
可选地,第二获取单元包括:发送模块,用于向第二容器发送指示信息,其中,指示信息用于指示调节第二图片在第二图层中的位置和第二图片的尺寸;控制模块,用于控制第二容器根据指示信息将第二图片的位置调整为指示信息所指示的位置,并将第二图片的尺寸调节为指示信息所指示的尺寸。
终端通过屏幕接收用户发送的指示信息,然后将指示信息发送给第二容器,由第二容器根据指示信息调节第二图片在第二图层中的位置和第二图片的尺寸。第二容器调节第二图片的位置和第二图片的尺寸的同时,第 二容器记录第二图片的尺寸和第二图片在第二图层中的位置。因此,在对第二容器执行渲染操作以展示第二图片时,第二图片所展示的尺寸和位置与指示信息所指示的尺寸和位置一致。
通过上述实施例,将第一图片和第二图片分别放在两个容器中,且在容纳第二图片的第二容器中包括多个子图片,对第二容器截图后得到一个包括第二图片信息的截图图片信息,对第一图片信息和截图图片信息进行合成,得到合成后的图片。由于只需要进行一次合成就能完成图片的合成,避免了逐个对图片进行合成所导致的占用内存资源较高和合成效率比较低的技术问题,达到了节约内存资源以及提高合成效率的技术效果。
实施例3
根据本申请实施例,还提供了一种用于实施上述图片处理的方法的终端,如图8所示,该终端包括:处理器801、摄像头802、显示器803、数据接口804、存储器805、网络接口806、扬声器807和麦克风808,其中:
摄像头802主要用于采集用户的图像。
显示器803主要用于显示第一图片和第二图片。
数据接口804主要通过数据传输的方式将第三方工具录制的图片传输给处理器801,第三方工具可以是摄像设备。
存储器805主要用于存储第一图片和第二图片。
网络接口806主要用于与服务器进行通信,接收服务器发送的第二图片。
扬声器807主要用于播放音频信号。
麦克风808主要用于录制音频。
处理器801主要用于执行如下操作:
获取第一容器中的第一图片信息,其中,第一图片信息通过第一图层展示为第一图片;获取对第二容器执行截图操作得到的截图图片信息,其中,截图图片信息包括第二容器中的第二图片信息,第二图片信息通过第二图层展示为第二图片;对第一图片信息和截图图片信息进行合成,得到合成后的图片。
处理器801还用于执行如下操作:获取对第二容器执行截图操作得到的截图图片信息包括:获取第二图片信息和第二图片的位置信息,其中,第二图片的位置信息用于指示第二图片在第二图层中的位置;根据第二图片信息和第二图片的位置信息生成截图图片信息。
处理器801还用于执行如下操作:第二图片包括第一子图片和第二子图片,根据第二图片信息和第二图片的位置信息生成截图图片信息包括:判断第一子图片是否与第二子图片重叠;若第一子图片与第二子图片重叠,则生成包括第一子图片信息和部分第二子图片信息的截图图片信息,其中,部分第二子图片信息为第二子图片中没有被第一子图片重叠的图片的信息。
处理器801还用于执行如下操作:获取对第二容器执行截图操作得到的截图图片信息之前,方法还包括:建立第二容器,其中,通过对第二容器执行渲染得到的第二图层以预定的透明度覆盖在第一图片所在的第一图层上;通过第二容器接收第二图片,其中,第二容器接收到的第二图片的图片信息在第二图层上展示。
处理器801还用于执行如下操作:建立第二容器包括:获取第一图片的尺寸信息和第一图片的位置信息,其中,尺寸信息用于表示第一图片的尺寸,第一图片的位置信息用于表示第一图片在第一图层上的显示位置;按照尺寸信息和第一图片的位置信息建立第二容器,其中,第二图层的尺寸与尺寸信息所指示的尺寸一致,第二图层的位置与第一图片的位置信息所指示的位置一致。
处理器801还用于执行如下操作:获取对第二容器执行截图操作得到 的截图图片信息包括:向第二容器发送指示信息,其中,指示信息用于指示调节第二图片在第二图层中的位置和第二图片的尺寸;控制第二容器根据指示信息将第二图片的位置调整为指示信息所指示的位置,并将第二图片的尺寸调节为指示信息所指示的尺寸。
可选地,本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例,本实施例在此不再赘述。
实施例4
本申请的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以位于网络中的多个网络设备中的至少一个网络设备。
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:
获取第一容器中的第一图片信息,其中,第一图片信息通过第一图层展示为第一图片;获取对第二容器执行截图操作得到的截图图片信息,其中,截图图片信息包括第二容器中的第二图片信息,第二图片信息通过第二图层展示为第二图片;对第一图片信息和截图图片信息进行合成,得到合成后的图片。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:获取对第二容器执行截图操作得到的截图图片信息包括:获取第二图片信息和第二图片的位置信息,其中,第二图片的位置信息用于指示第二图片在第二图层中的位置;根据第二图片信息和第二图片的位置信息生成截图图片信息。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:第二图片包括第一子图片和第二子图片,根据第二图片信息和第二图片的位置信息生成截图图片信息包括:判断第一子图片是否与第二子图片重叠;若第一子图片与第二子图片重叠,则生成包括第一子图片信息和部分第二 子图片信息的截图图片信息,其中,部分第二子图片信息为第二子图片中没有被第一子图片重叠的图片的信息。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:获取对第二容器执行截图操作得到的截图图片信息之前,方法还包括:建立第二容器,其中,通过对第二容器执行渲染得到的第二图层以预定的透明度覆盖在第一图片所在的第一图层上;通过第二容器接收第二图片,其中,第二容器接收到的第二图片的图片信息在第二图层上展示。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:建立第二容器包括:获取第一图片的尺寸信息和第一图片的位置信息,其中,尺寸信息用于表示第一图片的尺寸,第一图片的位置信息用于表示第一图片在第一图层上的显示位置;按照尺寸信息和第一图片的位置信息建立第二容器,其中,第二图层的尺寸与尺寸信息所指示的尺寸一致,第二图层的位置与第一图片的位置信息所指示的位置一致。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:获取对第二容器执行截图操作得到的截图图片信息包括:向第二容器发送指示信息,其中,指示信息用于指示调节第二图片在第二图层中的位置和第二图片的尺寸;控制第二容器根据指示信息将第二图片的位置调整为指示信息所指示的位置,并将第二图片的尺寸调节为指示信息所指示的尺寸。
可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的 部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。
在本申请的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本申请的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本申请的保护范围。

Claims (18)

  1. 一种图片处理的方法,包括:
    获取第一容器中的第一图片信息,其中,所述第一图片信息通过第一图层展示为第一图片;
    获取对第二容器执行截图操作得到的截图图片信息,其中,所述截图图片信息包括所述第二容器中的第二图片信息,所述第二图片信息通过第二图层展示为第二图片;
    对所述第一图片信息和所述截图图片信息进行合成,得到合成后的图片。
  2. 根据权利要求1所述的方法,其中,获取对第二容器执行截图操作得到的截图图片信息包括:
    获取所述第二图片信息和所述第二图片的位置信息,其中,所述第二图片的位置信息用于指示所述第二图片在所述第二图层中的位置;
    根据所述第二图片信息和所述第二图片的位置信息生成所述截图图片信息。
  3. 根据权利要求2所述的方法,其中,所述第二图片包括第一子图片和第二子图片,根据所述第二图片信息和所述第二图片的位置信息生成所述截图图片信息包括:
    判断所述第一子图片是否与所述第二子图片重叠;
    若所述第一子图片与所述第二子图片重叠,则生成包括所述第一子图片信息和部分第二子图片信息的截图图片信息,其中,所述部分第二子图片信息为所述第二子图片中没有被所述第一子图片重叠的图片的信息。
  4. 根据权利要求1所述的方法,其中,获取对第二容器执行截图操作得到的截图图片信息之前,所述方法还包括:
    建立所述第二容器,其中,通过对所述第二容器执行渲染得到的第二图层以预定的透明度覆盖在所述第一图片所在的第一图层上;
    通过所述第二容器接收所述第二图片,其中,所述第二容器接收到的第二图片的图片信息在所述第二图层上展示。
  5. 根据权利要求4所述的方法,其中,建立所述第二容器包括:
    获取所述第一图片的尺寸信息和所述第一图片的位置信息,其中,所述尺寸信息用于表示所述第一图片的尺寸,所述第一图片的位置信息用于表示所述第一图片在所述第一图层上的显示位置;
    按照所述尺寸信息和所述第一图片的位置信息建立所述第二容器,其中,所述第二图层的尺寸与所述尺寸信息所指示的尺寸一致,所述第二图层的位置与所述第一图片的位置信息所指示的位置一致。
  6. 根据权利要求1所述的方法,其中,获取对第二容器执行截图操作得到的截图图片信息包括:
    向所述第二容器发送指示信息,其中,所述指示信息用于指示调节所述第二图片在所述第二图层中的位置和所述第二图片的尺寸;
    控制所述第二容器根据所述指示信息将所述第二图片的位置调整为所述指示信息所指示的位置,并将所述第二图片的尺寸调节为所述指示信息所指示的尺寸。
  7. 一种图片处理的装置,包括:
    第一获取单元,用于获取第一容器中的第一图片信息,其中,所述第一图片信息通过第一图层展示为第一图片;
    第二获取单元,用于获取对第二容器执行截图操作得到的截图图片信息,其中,所述截图图片信息包括所述第二容器中的第二图片信息,所述第二图片信息通过第二图层展示为第二图片;
    合成单元,用于对所述第一图片信息和所述截图图片信息进行合成,得到合成后的图片。
  8. 根据权利要求7所述的装置,其中,所述第二获取单元包括:
    第一获取模块,用于获取所述第二图片信息和所述第二图片的位置信息,其中,所述第二图片的位置信息用于指示所述第二图片在所述第二图层中的位置;
    生成模块,用于根据所述第二图片信息和所述第二图片的位置信息生成所述截图图片信息。
  9. 根据权利要求8所述的装置,其中,所述第二图片包括第一子图片和第二子图片,所述生成模块包括:
    判断子模块,用于判断所述第一子图片是否与所述第二子图片重叠;
    生成子模块,用于在所述第一子图片与所述第二子图片重叠时,生成包括所述第一子图片信息和部分第二子图片信息的截图图片信息,其中,所述部分第二子图片信息为所述第二子图片中没有被所述第一子图片重叠的图片的信息。
  10. 根据权利要求7所述的装置,其中,所述装置还包括:
    建立单元,用于在获取对第二容器执行截图操作得到的截图图片信息之前,建立所述第二容器,其中,通过对所述第二容器执行渲染得到的第二图层以预定的透明度覆盖在所述第一图片所在的第一图层上;
    接收单元,用于通过所述第二容器接收所述第二图片,其中,所述第二容器接收到的第二图片的图片信息在所述第二图层上展示。
  11. 根据权利要求10所述的装置,其中,所述建立单元包括:
    第二获取模块,用于获取所述第一图片的尺寸信息和所述第一图片的位置信息,其中,所述尺寸信息用于表示所述第一图片的尺寸,所述第一图片的位置信息用于表示所述第一图片在所述第一图层上的显示位置;
    建立模块,用于按照所述尺寸信息和所述第一图片的位置信息建立所述第二容器,其中,所述第二图层的尺寸与所述尺寸信息所指示的尺寸一致,所述第二图层的位置与所述第一图片的位置信息所指示的位置一致。
  12. 根据权利要求7所述的装置,其中,所述第二获取单元包括:
    发送模块,用于向所述第二容器发送指示信息,其中,所述指示信息用于指示调节所述第二图片在所述第二图层中的位置和所述第二图片的尺寸;
    控制模块,用于控制所述第二容器根据所述指示信息将所述第二图片的位置调整为所述指示信息所指示的位置,并将所述第二图片的尺寸调节为所述指示信息所指示的尺寸。
  13. 一种存储介质,所述存储介质被设置为存储用于执行以下步骤的程序代码,包括:
    获取第一容器中的第一图片信息,其中,所述第一图片信息通过第一图层展示为第一图片;
    获取对第二容器执行截图操作得到的截图图片信息,其中,所述截图图片信息包括所述第二容器中的第二图片信息,所述第二图片信息通过第二图层展示为第二图片;
    对所述第一图片信息和所述截图图片信息进行合成,得到合成后的图片。
  14. 根据权利要求13所述的存储介质,所述存储介质被设置为存储用于执行以下步骤的程序代码,包括:
    获取所述第二图片信息和所述第二图片的位置信息,其中,所述第二图片的位置信息用于指示所述第二图片在所述第二图层中的位置;
    根据所述第二图片信息和所述第二图片的位置信息生成所述截图图片信息。
  15. 根据权利要求14所述的存储介质,其中,所述第二图片包括第一子图片和第二子图片,所述存储介质被设置为存储用于执行以下步骤的程序代码,包括:
    判断所述第一子图片是否与所述第二子图片重叠;
    若所述第一子图片与所述第二子图片重叠,则生成包括所述第一子图片信息和部分第二子图片信息的截图图片信息,其中,所述部分第二子图片信息为所述第二子图片中没有被所述第一子图片重叠的图片的信息。
  16. 根据权利要求13所述的存储介质,其中,所述存储介质被设置为存储用于执行以下步骤的程序代码,包括:
    建立所述第二容器,其中,通过对所述第二容器执行渲染得到的第二图层以预定的透明度覆盖在所述第一图片所在的第一图层上;
    通过所述第二容器接收所述第二图片,其中,所述第二容器接收到的第二图片的图片信息在所述第二图层上展示。
  17. 根据权利要求16所述的存储介质,其中,所述存储介质被设置为存储用于执行以下步骤的程序代码,包括:
    获取所述第一图片的尺寸信息和所述第一图片的位置信息,其中,所述尺寸信息用于表示所述第一图片的尺寸,所述第一图片的位置信息用于表示所述第一图片在所述第一图层上的显示位置;
    按照所述尺寸信息和所述第一图片的位置信息建立所述第二容器,其中,所述第二图层的尺寸与所述尺寸信息所指示的尺寸一致,所述第二图层的位置与所述第一图片的位置信息所指示的位置一致。
  18. 根据权利要求13所述的存储介质,其中,所述存储介质被设置为存储用于执行以下步骤的程序代码,包括:
    向所述第二容器发送指示信息,其中,所述指示信息用于指示调节所述第二图片在所述第二图层中的位置和所述第二图片的尺寸;
    控制所述第二容器根据所述指示信息将所述第二图片的位置调整为所述指示信息所指示的位置,并将所述第二图片的尺寸调节为所述指示信息所指示的尺寸。
PCT/CN2017/071753 2016-01-21 2017-01-19 图片处理的方法、装置和存储介质 WO2017125050A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US15/971,800 US10593018B2 (en) 2016-01-21 2018-05-04 Picture processing method and apparatus, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610042105.2A CN105719240B (zh) 2016-01-21 2016-01-21 图片处理的方法和装置
CN201610042105.2 2016-01-21

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US15/971,800 Continuation US10593018B2 (en) 2016-01-21 2018-05-04 Picture processing method and apparatus, and storage medium

Publications (1)

Publication Number Publication Date
WO2017125050A1 true WO2017125050A1 (zh) 2017-07-27

Family

ID=56154941

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/071753 WO2017125050A1 (zh) 2016-01-21 2017-01-19 图片处理的方法、装置和存储介质

Country Status (3)

Country Link
US (1) US10593018B2 (zh)
CN (1) CN105719240B (zh)
WO (1) WO2017125050A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112036242A (zh) * 2020-07-28 2020-12-04 重庆锐云科技有限公司 人脸图片采集方法、装置、计算机设备及存储介质

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105719240B (zh) * 2016-01-21 2019-01-08 腾讯科技(深圳)有限公司 图片处理的方法和装置
CN107992349A (zh) * 2017-11-22 2018-05-04 奇酷互联网络科技(深圳)有限公司 截屏方法、装置和移动终端
CN109710362B (zh) * 2018-12-26 2020-02-07 掌阅科技股份有限公司 截图处理方法、计算设备及计算机存储介质
CN112132859A (zh) * 2019-06-25 2020-12-25 北京字节跳动网络技术有限公司 贴纸生成方法、装置、介质和电子设备
CN111063001B (zh) * 2019-12-18 2023-11-10 北京金山安全软件有限公司 图片合成方法、装置、电子设备以及存储介质
CN114528031A (zh) * 2020-10-30 2022-05-24 武汉斗鱼鱼乐网络科技有限公司 一种图片展示方法及相关设备
CN113961526A (zh) * 2021-11-22 2022-01-21 北京达佳互联信息技术有限公司 截屏图片的检测方法和装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104010212A (zh) * 2014-05-28 2014-08-27 华为技术有限公司 一种多图层合成的方法和装置
US20140355962A1 (en) * 2013-06-04 2014-12-04 Samsung Electronics Co., Ltd. Method for processing image and electronic device thereof
CN104424620A (zh) * 2013-08-28 2015-03-18 株式会社得那 图像处理装置及图像处理方法
CN105100664A (zh) * 2015-08-21 2015-11-25 北京金山安全软件有限公司 一种图像生成方法及装置
CN105719240A (zh) * 2016-01-21 2016-06-29 腾讯科技(深圳)有限公司 图片处理的方法和装置

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPS6454489A (en) * 1987-08-25 1989-03-01 Nec Corp Bit map display circuit
CN101499172A (zh) * 2009-03-06 2009-08-05 深圳华为通信技术有限公司 控件绘制方法及装置
CN101794189A (zh) * 2009-09-22 2010-08-04 俞长根 图像显示方法
CN102063738A (zh) * 2010-11-24 2011-05-18 李璇 多视角影像捕捉合成三维发型设计的方法和***
CN102479326B (zh) * 2010-11-30 2013-07-24 方正国际软件(北京)有限公司 一种图文识别人工校对辅助方法及***
CN102332158B (zh) * 2011-07-26 2013-06-12 深圳万兴信息科技股份有限公司 一种利用阿尔法通道的图像合成方法及***
CN102495727A (zh) * 2011-10-25 2012-06-13 福州博远无线网络科技有限公司 在智能手持设备***的界面中进行图标合成的方法
US9235911B2 (en) * 2012-01-25 2016-01-12 Google Inc. Rendering an image on a display screen
WO2014133515A1 (en) * 2013-02-28 2014-09-04 Hewlett-Packard Development Company, L.P. Arranging elements in a layout
US10290133B2 (en) * 2014-09-26 2019-05-14 Oracle International Corporation High fidelity interactive screenshots for mobile applications

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140355962A1 (en) * 2013-06-04 2014-12-04 Samsung Electronics Co., Ltd. Method for processing image and electronic device thereof
CN104424620A (zh) * 2013-08-28 2015-03-18 株式会社得那 图像处理装置及图像处理方法
CN104010212A (zh) * 2014-05-28 2014-08-27 华为技术有限公司 一种多图层合成的方法和装置
CN105100664A (zh) * 2015-08-21 2015-11-25 北京金山安全软件有限公司 一种图像生成方法及装置
CN105719240A (zh) * 2016-01-21 2016-06-29 腾讯科技(深圳)有限公司 图片处理的方法和装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112036242A (zh) * 2020-07-28 2020-12-04 重庆锐云科技有限公司 人脸图片采集方法、装置、计算机设备及存储介质
CN112036242B (zh) * 2020-07-28 2023-07-21 重庆锐云科技有限公司 人脸图片采集方法、装置、计算机设备及存储介质

Also Published As

Publication number Publication date
US10593018B2 (en) 2020-03-17
US20180253824A1 (en) 2018-09-06
CN105719240B (zh) 2019-01-08
CN105719240A (zh) 2016-06-29

Similar Documents

Publication Publication Date Title
WO2017125050A1 (zh) 图片处理的方法、装置和存储介质
US11943486B2 (en) Live video broadcast method, live broadcast device and storage medium
US11455093B2 (en) Capturing and sending multimedia as electronic messages
US11895426B2 (en) Method and apparatus for capturing video, electronic device and computer-readable storage medium
US11490033B2 (en) Video generating method, apparatus, electronic device and computer storage medium
WO2019192351A1 (zh) 短视频拍摄方法、装置及电子终端
WO2020077855A1 (zh) 视频拍摄方法、装置、电子设备及计算机可读存储介质
WO2017092335A1 (zh) 一种显示立体图像的处理方法和装置
CN107770626A (zh) 视频素材的处理方法、视频合成方法、装置及存储介质
WO2016078298A1 (zh) 一种截图图像输出方法及装置、存储介质
WO2017084325A1 (zh) 信息共享方法及终端、存储介质
WO2016107477A1 (zh) 一种图片处理方法及装置
WO2017193530A1 (zh) 一种视图生成方法、装置和终端
WO2018086548A1 (zh) 一种界面显示方法及装置
JP2024506639A (ja) 画像表示方法、装置、機器及び媒体
US9325776B2 (en) Mixed media communication
WO2018077203A1 (zh) 一种视频拍摄、播放和处理方法以及拍照终端
JP7471510B2 (ja) ピクチャのビデオへの変換の方法、装置、機器および記憶媒体
KR101663085B1 (ko) 휴대형 스마트기기에서의 동영상 기반의 알파채널 영상합성을 이용한 비디오 카드 제작 시스템 및 그 방법
CN111221444A (zh) 分屏特效处理方法、装置、电子设备和存储介质
CN105191335A (zh) 用户选择型hd合成影像制作***
CN105393257B (zh) 一种数据加密方法及加密装置
CN115243097B (zh) 一种录制方法及装置和电子设备
US20240244278A1 (en) Live video broadcast method, live broadcast device and storage medium
CN108366193A (zh) 一种图像处理方法及电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17741081

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17741081

Country of ref document: EP

Kind code of ref document: A1