CN111553842B - Spliced picture display method and device, electronic equipment and storage medium - Google Patents

Spliced picture display method and device, electronic equipment and storage medium Download PDF

Info

Publication number
CN111553842B
CN111553842B CN202010333107.3A CN202010333107A CN111553842B CN 111553842 B CN111553842 B CN 111553842B CN 202010333107 A CN202010333107 A CN 202010333107A CN 111553842 B CN111553842 B CN 111553842B
Authority
CN
China
Prior art keywords
spliced
picture
pictures
screen
background screen
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.)
Active
Application number
CN202010333107.3A
Other languages
Chinese (zh)
Other versions
CN111553842A (en
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.)
BOE Technology Group Co Ltd
Original Assignee
BOE Technology Group 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 BOE Technology Group Co Ltd filed Critical BOE Technology Group Co Ltd
Priority to CN202010333107.3A priority Critical patent/CN111553842B/en
Publication of CN111553842A publication Critical patent/CN111553842A/en
Application granted granted Critical
Publication of CN111553842B publication Critical patent/CN111553842B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G06T3/4038—Image mosaicing, e.g. composing plane images from plane sub-images
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

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

Abstract

The application provides a spliced picture display method, a spliced picture display device, electronic equipment and a computer readable storage medium. The method comprises the following steps: acquiring an initial parameter of a picture to be spliced on a spliced background screen; determining conversion parameters corresponding to the pictures to be spliced according to gesture operations executed by a user on the pictures to be spliced; according to the initial parameters and the conversion parameters, display information of the pictures to be spliced on the spliced background screen is determined; and displaying the picture to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed. According to the embodiment of the application, the dynamic adjustment to the jigsaw free mode state can be achieved, interface information is stored through a series of gesture operations and is ready for use at any time, and the proportional reusability of the interface is guaranteed through a series of algorithms.

Description

Spliced picture display method and device, electronic equipment and storage medium
Technical Field
The present disclosure relates to the field of image processing technologies, and in particular, to a method and apparatus for displaying a spliced image, an electronic device, and a computer readable storage medium.
Background
When an apple develops an interface with an angle, a series of transformations are needed to be performed by calculating coordinates of a layout rectangular frame in relation to proportion, angle, displacement correlation and initialization in the UIView self-carried transformation attribute, and the process of switching from a first page to a second page is complex.
In order to ensure definition, the traditional process of generating the picture with the angle also draws the original picture, and a series of affine transformation operations can be performed each time according to the original picture property by converting the position of the original picture in a coordinate system, so that the complexity is high, and the transplanting of a developer is not facilitated.
Disclosure of Invention
The application provides a spliced picture display method, a spliced picture display device, electronic equipment and a computer readable storage medium, which are used for solving the problems that in the prior art, the complexity of a mode for converting the position of an original picture in a coordinate system is high and the transplanting of a developer is not facilitated.
In order to solve the above problems, the present application discloses a spliced picture display method, which includes:
acquiring an initial parameter of a picture to be spliced on a spliced background screen;
determining conversion parameters corresponding to the pictures to be spliced according to gesture operations executed by a user on the pictures to be spliced;
according to the initial parameters and the conversion parameters, display information of the pictures to be spliced on the spliced background screen is determined;
and displaying the picture to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed.
Optionally, the obtaining the initial parameters of the pictures to be spliced on the spliced background screen includes:
acquiring the ratio of the horizontal coordinates and the vertical coordinates of the central point of the picture to be spliced on the spliced background screen;
and determining the initial position of the picture to be spliced on the spliced background screen according to the abscissa-ordinate ratio, and taking the initial position as the initial parameter.
Optionally, the determining, according to the gesture operation performed by the user on the to-be-spliced picture, a conversion parameter corresponding to the to-be-spliced picture includes:
when the gesture operation is a translation operation, acquiring a translation distance corresponding to the translation operation, and taking the translation distance as the conversion parameter; and/or
When the gesture operation is a rotation operation, acquiring a rotation angle corresponding to the rotation operation, and taking the rotation angle as the conversion parameter; and/or
When the gesture operation is a scaling operation, obtaining a scaling scale corresponding to the scaling operation, and taking the scaling scale as the conversion parameter; and/or
And when the gesture operation is a click operation, acquiring a display priority corresponding to the click operation, and taking the display priority as the conversion parameter.
Optionally, the determining, according to the initial parameter and the conversion parameter, display information of the picture to be spliced on the spliced background screen includes:
according to the initial parameters and the conversion parameters, the pictures to be spliced are adjusted on the spliced background screen;
and determining the position information of the picture to be spliced on the spliced background screen according to the adjustment result.
Optionally, displaying the picture to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed includes:
acquiring a first aspect ratio of the spliced background screen and a second aspect ratio corresponding to the screen to be displayed;
determining a target position of the picture to be spliced on the screen to be displayed according to the first aspect ratio, the second aspect ratio and the position information;
and displaying the pictures to be spliced on the screen to be displayed according to the target position.
In order to solve the above-mentioned problem, the present application discloses a spliced picture display device, including:
the initial parameter acquisition module is used for acquiring initial parameters of the pictures to be spliced on the spliced background screen;
the conversion parameter determining module is used for determining a conversion parameter corresponding to the picture to be spliced according to gesture operation executed by a user on the picture to be spliced;
the display information determining module is used for determining display information of the pictures to be spliced on the spliced background screen according to the initial parameters and the conversion parameters;
and the spliced picture display module is used for displaying the pictures to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed.
Optionally, the initial parameter acquisition module includes:
the abscissa-ordinate ratio acquisition unit is used for acquiring the abscissa-ordinate ratio of the center point of the picture to be spliced on the spliced background screen;
and the initial parameter acquisition unit is used for determining the initial position of the picture to be spliced on the spliced background screen according to the abscissa-ordinate ratio, and taking the initial position as the initial parameter.
Optionally, the conversion parameter determining module includes:
the translation distance acquisition unit is used for acquiring a translation distance corresponding to the translation operation when the gesture operation is the translation operation, and taking the translation distance as the conversion parameter;
the rotation angle acquisition unit is used for acquiring a rotation angle corresponding to the rotation operation when the gesture operation is the rotation operation, and taking the rotation angle as the conversion parameter;
the scaling obtaining unit is used for obtaining a scaling corresponding to the scaling operation when the gesture operation is the scaling operation, and taking the scaling as the conversion parameter;
and the display priority acquiring unit is used for acquiring the display priority corresponding to the clicking operation when the gesture operation is the clicking operation, and taking the display priority as the conversion parameter.
Optionally, the presentation information determining module includes:
the spliced picture adjusting unit is used for adjusting the pictures to be spliced on the spliced background screen according to the initial parameters and the conversion parameters;
and the position information determining unit is used for determining the position information of the picture to be spliced on the spliced background screen according to the adjustment result.
Optionally, the spliced picture display module includes:
an aspect ratio obtaining unit, configured to obtain a first aspect ratio of the spliced background screen and a second aspect ratio corresponding to the screen to be displayed;
a target position determining unit, configured to determine a target position of the picture to be spliced on the screen to be displayed according to the first aspect ratio, the second aspect ratio, and the position information;
and the spliced picture display unit is used for displaying the picture to be spliced on the screen to be displayed according to the target position.
In order to solve the above-mentioned problem, the present application discloses an electronic device, including:
a processor, a memory, and a computer program stored on the memory and executable on the processor, the processor implementing the stitched picture display method of any of the above when executing the program.
In order to solve the above-described problems, the present application discloses a computer-readable storage medium, which when executed by a processor of an electronic device, enables the electronic device to perform the stitched picture display method of any one of the above-described.
Compared with the prior art, the application has the following advantages:
according to the spliced picture display method, the initial parameters of the pictures to be spliced on the spliced background screen are obtained, the conversion parameters corresponding to the pictures to be spliced are determined according to gesture operations executed by a user on the pictures to be spliced, the display information of the pictures to be spliced on the spliced background screen is determined according to the initial parameters and the conversion parameters, and the pictures to be spliced are displayed on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed. According to the embodiment of the application, the dynamic adjustment to the jigsaw free mode state can be achieved by converting the splicing background screen according to the gesture operation of the user, the interface information is stored through a series of gesture operations and is ready for use at any time, and the proportional reusability of the interface is ensured through a series of algorithms.
Drawings
Fig. 1 shows a step flowchart of a stitched image display method provided in an embodiment of the present application;
fig. 2 is a flowchart illustrating steps of another method for displaying a stitched picture according to an embodiment of the present application;
fig. 3 is a schematic structural diagram of a spliced image display device according to an embodiment of the present application;
fig. 4 shows a schematic structural diagram of another spliced image display device according to an embodiment of the present application.
Detailed Description
In order that the above-recited objects, features and advantages of the present application will become more readily apparent, a more particular description of the invention briefly described above will be rendered by reference to specific embodiments that are illustrated in the appended drawings.
Example 1
Referring to fig. 1, a step flowchart of a method for displaying a stitched picture provided in an embodiment of the present application is shown, where the method for displaying a stitched picture may specifically include the following steps:
step 101: and acquiring initial parameters of the pictures to be spliced on the spliced background screen.
The embodiment of the application can be applied to splicing pictures according to the gestures of the user and transplanting the pictures to a scene displayed on a display screen.
The pictures to be spliced are pictures which need to be subjected to gesture splicing. In this embodiment, the pictures to be spliced may be one picture or may be multiple pictures, and specifically, may be determined according to service requirements, which is not limited in this embodiment.
The initial parameters refer to position parameters of the picture to be spliced on the spliced background screen, and specifically, the initial parameters can include parameters such as a picture center point of the picture to be spliced on the spliced background screen, a distance from a leftmost point of the picture to be spliced to a left boundary of the spliced background screen, a distance from a rightmost point of the picture to be spliced to a right boundary of the spliced background screen, a distance from a topmost point of the picture to be spliced to an upper boundary of the spliced background screen, and a distance from a bottommost point of the picture to be spliced to a lower boundary.
The initial parameters are intended to reflect the initial position of the picture to be stitched in the stitched background screen.
After the pictures to be spliced are obtained, the pictures to be spliced can be added to the spliced background screen, and then the initial parameters of the pictures to be spliced on the spliced background screen can be determined by combining the coordinate system of the spliced background screen.
After the initial parameters of the pictures to be stitched on the stitched background screen are obtained, step 102 is performed.
Step 102: and determining conversion parameters corresponding to the pictures to be spliced according to gesture operations executed by a user on the pictures to be spliced.
The gesture operation refers to an operation performed by the user on the pictures to be spliced, and in this embodiment, the gesture operation may be one or more of a rotation operation, a translation operation, a click operation, a zoom operation, and the like, and specifically, may be determined according to a service requirement, which is not limited in this embodiment.
The conversion parameter refers to a parameter of picture conversion formed by gesture operation performed on the pictures to be spliced, and the conversion parameter may be a rotation angle, a translation distance, a scaling ratio, and the like of the pictures to be spliced, specifically, may be determined according to actual situations, and the embodiment is not limited thereto.
After adding the pictures to be spliced to the background screen, a user can execute gesture operation on the pictures to be spliced according to requirements, and further, according to the gesture operation executed on the pictures to be spliced by the user, the conversion corresponding to the pictures to be spliced can be determined.
After determining the conversion parameters corresponding to the pictures to be spliced, step 103 is performed.
Step 103: and determining the display information of the pictures to be spliced on the spliced background screen according to the initial parameters and the conversion parameters.
The display information refers to the position information of the pictures to be spliced on the spliced background screen.
After the conversion parameters corresponding to the pictures to be spliced are determined, the initial parameters and the conversion parameters can be combined to calculate the display information of the pictures to be spliced on the spliced background screen, for example, when the conversion parameters are rotation angles, the initial parameters can be combined to calculate the position of the pictures to be spliced on the spliced background screen after the pictures to be spliced rotate, and the display information is used as the display information of the pictures to be spliced on the spliced background screen. When the conversion parameter is a translation distance, the initial parameter can be combined, and the position of the picture to be spliced on the spliced background screen after translating according to the translation distance can be calculated, so that the position is used as display information of the picture to be spliced on the spliced background screen, and the like.
It will be appreciated that the above examples are only examples listed for better understanding of the technical solutions of the embodiments of the present application, and are not to be construed as the only limitation of the embodiments of the present application.
After determining the display information of the pictures to be spliced on the spliced background screen according to the initial parameters and the conversion parameters, step 104 is executed.
Step 104: and displaying the picture to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed.
The screen to be displayed is a screen for displaying the spliced pictures.
The size ratio refers to the size ratio of the spliced background screen to the screen to be displayed, and specifically, the size ratio may be the ratio of the width of the spliced background screen to the width of the screen to be displayed, or the ratio of the height of the spliced background screen to the height of the screen to be displayed.
After the display information of the pictures to be spliced on the spliced background screen is obtained, the pictures to be spliced can be displayed on the screen to be displayed by combining the size ratio of the spliced background screen to the screen to be displayed, specifically, the display information is reserved in the layout information of the interface, and meanwhile, when the pictures enter the secondary surface, the real values of the coordinates of the center point, the aspect ratio and the current new canvas (namely the screen to be displayed) are read, and then the pictures to be spliced are drawn on the interface in a rectangular mode. And simultaneously, redrawing the interface according to the stored numerical value and the method of setting the angle according to the affine transformation interface. At this point, the interface is redrawn one pass in the simplest manner.
According to the embodiment of the application, the user can dynamically adjust the split background screen to be in a split free mode state by converting the split background screen according to gesture operation of the user, and interface information is stored and ready for use at any time through a series of gesture operation.
According to the spliced picture display method, the initial parameters of the pictures to be spliced on the spliced background screen are obtained, the conversion parameters corresponding to the pictures to be spliced are determined according to gesture operations executed by a user on the pictures to be spliced, the display information of the pictures to be spliced on the spliced background screen is determined according to the initial parameters and the conversion parameters, and the pictures to be spliced are displayed on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed. According to the embodiment of the application, the dynamic adjustment to the jigsaw free mode state can be achieved by converting the splicing background screen according to the gesture operation of the user, the interface information is stored through a series of gesture operations and is ready for use at any time, and the proportional reusability of the interface is ensured through a series of algorithms.
Example two
Referring to fig. 2, a step flowchart of another method for displaying a stitched picture provided in an embodiment of the present application is shown, where the method for displaying a stitched picture may specifically include the following steps:
step 201: and acquiring the abscissa-ordinate ratio of the center point of the picture to be spliced on the spliced background screen.
The embodiment of the application can be applied to splicing pictures according to the gestures of the user and transplanting the pictures to a scene displayed on a display screen.
The abscissa-ordinate ratio refers to the abscissa-ordinate ratio of the center point of the picture to be spliced, specifically, the coordinate of the center point of the picture to be spliced on the spliced background screen can be obtained first, and then the width ratio of the abscissa in the coordinate of the center point to the spliced background screen and the height ratio of the ordinate in the coordinate of the center point to the spliced background screen are used as the abscissa-ordinate ratio.
After acquiring the abscissa-ordinate ratio of the center point of the pictures to be stitched on the stitched background screen, step 202 is performed.
Step 202: and determining the initial position of the picture to be spliced on the spliced background screen according to the abscissa-ordinate ratio, and taking the initial position as the initial parameter.
The initial position is the position of the picture to be spliced on the spliced background screen when the picture to be spliced is firstly placed on the spliced background screen.
After the abscissa ratio of the center point of the pictures to be spliced on the spliced background screen is obtained, the initial position of the pictures to be spliced on the spliced background screen can be determined according to the abscissa ratio. Specifically, since the obtained abscissa-ordinate ratio is the abscissa-ordinate ratio of the center point of the picture to be spliced, the initial position of the picture to be spliced on the screen to be spliced is determined by combining the uppermost point, the leftmost point, the bottommost point and the rightmost point of the picture to be spliced through the abscissa-ordinate ratio, so that the initial position can be used as an initial parameter.
Step 203: when the gesture operation is a translation operation, acquiring a translation distance corresponding to the translation operation, and taking the translation distance as the conversion parameter.
After the pictures to be spliced are placed on the spliced background screen, a user can execute corresponding gesture operation on the pictures to be spliced.
The conversion parameter refers to a parameter of picture conversion formed by gesture operation performed on the pictures to be spliced, and the conversion parameter may be a rotation angle, a translation distance, a scaling ratio, and the like of the pictures to be spliced, specifically, may be determined according to actual situations, and the embodiment is not limited thereto.
When the gesture operation executed by the user to-be-spliced pictures is a translation operation, a translation distance corresponding to the translation operation can be obtained, so that the translation distance is used as a conversion parameter of the to-be-spliced pictures.
In this embodiment, the translation operation may be an operation of translating in a single direction or an operation of translating in multiple directions, and when the translation operation is an operation of translating in a single direction, the distance translated in the single direction is used as a conversion parameter, for example, when the translation operation is translating 3 pixels to the right, the following will be "translate to the right: 3 pixels "as conversion parameters. When the translation operation is an operation of translating to multiple directions, the distances of the multiple directions of translation are respectively used as conversion parameters, for example, when the translation operation is firstly translating to the left by 2 pixels and then translating to the lower by 3 pixels, the following steps are taken: 2 pixels, shift down: 3 pixels "as conversion parameters.
It will be appreciated that the above examples are only examples listed for better understanding of the technical solutions of the embodiments of the present application, and are not to be construed as the only limitation of the embodiments of the present application.
Step 204: when the gesture operation is a rotation operation, a rotation angle corresponding to the rotation operation is obtained, and the rotation angle is used as the conversion parameter.
The rotation angle refers to an angle corresponding to a rotation operation performed by a user on the pictures to be spliced.
When a gesture operation performed by a user on a picture to be spliced is a rotation operation, a rotation angle corresponding to the rotation operation can be obtained, and the rotation angle is used as a conversion parameter, for example, when the user rotates the picture 180 ° clockwise, the user rotates the picture clockwise: 180 ° "as a conversion parameter.
Step 205: and when the gesture operation is a scaling operation, obtaining a scaling scale corresponding to the scaling operation, and taking the scaling scale as the conversion parameter.
The scaling scale refers to a scale corresponding to a scaling operation executed by a user on the pictures to be spliced.
In this embodiment, the scaling operation may be a zoom-out operation or a zoom-in operation, and when the zoom-out operation is a zoom-out operation, the zoom-out scale is the zoom-out scale; when the scaling operation is an amplifying operation, the scaling ratio is the amplifying ratio.
When the gesture operation performed by the user on the picture to be spliced is a scaling operation, a scaling scale corresponding to the scaling operation can be obtained, and the scaling scale is used as a conversion parameter, for example, when the size of the picture to be spliced is reduced to 1/2 of the original size by the user, the picture is reduced, and the scaling scale is reduced: 1/2 "as conversion parameter. When the size of the picture to be spliced amplified by the user is 1/3 of the original size, amplifying the picture by the user in an amplifying ratio: 1/3 "as conversion parameter.
It will be appreciated that the above examples are only examples listed for better understanding of the technical solutions of the embodiments of the present application, and are not to be construed as the only limitation of the embodiments of the present application.
Step 206: and when the gesture operation is a click operation, acquiring a display priority corresponding to the click operation, and taking the display priority as the conversion parameter.
The display priority refers to a display priority corresponding to a clicking operation performed by a user on a picture to be spliced, in this embodiment, when the picture to be spliced is a plurality of pictures and the plurality of pictures include overlapping areas, the user may click on the pictures to realize full-scale display of the pictures, for example, the picture to be spliced includes a picture 1 and a picture 2, and the picture 1 and the picture 2 are partially overlapped, and when the clicking operation performed by the user on the picture 1 is received, the display priority of the picture 1 is increased, that is, the picture 1 is displayed in full scale on a spliced background screen, and the picture 2 is partially displayed.
It will be appreciated that the above examples are only examples listed for better understanding of the technical solutions of the embodiments of the present application, and are not to be construed as the only limitation of the embodiments of the present application.
When the gesture operation executed by the user to-be-spliced pictures is a click operation, the display priority corresponding to the click operation can be obtained, and the display priority is used as a conversion parameter.
Step 207: and adjusting the pictures to be spliced on the spliced background screen according to the initial parameters and the conversion parameters.
After the conversion parameters corresponding to the pictures to be spliced are obtained, the pictures to be spliced can be adjusted on the spliced background screen according to the initial parameters and the conversion parameters. Specifically, the initial parameter and the conversion parameter may be combined to adjust the picture to be spliced, for example, when the conversion parameter is a translation distance, and when the translation distance is 1 pixel shifted rightward, the picture to be spliced is adjusted according to the initial parameter of the picture to be spliced.
After adjusting the pictures to be stitched on the stitched background screen according to the initial parameters and the transformation parameters, step 208 is performed.
Step 208: and determining the position information of the picture to be spliced on the spliced background screen according to the adjustment result.
After the pictures to be spliced are adjusted on the spliced background screen according to the initial parameters and the conversion parameters, corresponding adjustment results can be obtained, and then the position information of the pictures to be spliced on the spliced background can be determined according to the adjustment results. For example, when a gesture operation performed by a user on a picture to be stitched is a translation operation, the translation distance corresponding to the obtained translation operation is 1 pixel shifted to the right, at this time, coordinates of each point on the picture to be stitched are changed, and the coordinate value after the picture to be stitched is adjusted can be obtained by calculating according to the initial parameter (including the coordinates) of the picture to be stitched and the translation distance, so that the position of the picture to be stitched on the stitched background screen after the picture to be stitched is adjusted can be obtained.
It will be appreciated that the above examples are only examples listed for better understanding of the technical solutions of the embodiments of the present application, and are not to be construed as the only limitation of the embodiments of the present application.
When the gesture operation executed by the user on the picture to be spliced comprises various operations, the position of the picture to be spliced on the spliced background screen after each operation conversion can be sequentially obtained according to the conversion parameters corresponding to each operation, and finally the position of the picture to be spliced after adjustment, namely the position information of the picture to be spliced on the spliced background screen, can be obtained.
Step 209: and acquiring the first aspect ratio of the spliced background screen and the second aspect ratio corresponding to the screen to be displayed.
The screen to be displayed is a screen for displaying the spliced pictures.
The first aspect ratio refers to the ratio of the width to the height of the stitched background screen.
The second aspect ratio refers to the ratio of the width to the height of the screen to be displayed.
When the adjusted pictures to be spliced are required to be displayed on the screen to be displayed, the first aspect ratio of the spliced background screen and the second aspect ratio of the screen to be displayed can be obtained, and then step 210 is executed.
Step 210: and determining the target position of the picture to be spliced on the screen to be displayed according to the first aspect ratio, the second aspect ratio and the position information.
The target position is the position of the picture to be spliced on the screen to be displayed when the picture to be spliced is displayed on the screen to be displayed.
After the first aspect ratio of the spliced background screen, the second aspect ratio of the screen to be displayed and the position information of the picture to be spliced after adjustment are obtained, the target position of the picture to be spliced on the screen to be displayed can be determined according to the first aspect ratio, the second aspect ratio and the position information. Specifically, the size ratio corresponding to the first aspect ratio and the second aspect ratio may be calculated, and then, the target position of the picture to be spliced on the screen to be displayed is calculated by combining the position information of the picture to be displayed on the spliced background screen, for example.
Step 211: and displaying the pictures to be spliced on the screen to be displayed according to the target position.
After the target position of the picture to be spliced on the screen to be displayed is obtained, the picture to be spliced can be displayed on the target position of the screen to be displayed. Specifically, the pictures to be spliced can be drawn on the screen to be displayed in a rectangular mode.
Of course, in the present embodiment, the rearrangement and the drawing can be performed in the above-described manner for generating the large map. 16: when a 4K large graph needs to be output and a layout with a size of 3840 x 2160 is needed to be output, according to the embodiment, canvas and generation proportion are calculated first, if a frame is drawn, gradual output is achieved, and then the proportion and the layout are combined for multiplication and calculation. Then, because the current interface is displayed as a low-resolution picture, the picture can be reset for saving as a high-resolution picture, and because the canvas of the interface is fixed in size, a new picture is set in time without any problem, and the effect can be kept consistent. Since the picture may be subjected to a series of operations of up-down symmetry, left-right symmetry, rotation, filter and picture replacement, the original picture is also regenerated while the picture is replaced by the operations. And then drawing the layers of all the current interfaces on a screen by a Uiggraphic BeginImageContextWithoptions (CGsize, BOOL opaque, CGFloat scale) method, wherein scale is the pixel density of the screen, and under the condition of high pixel density, uiimage drawing is finished and saved into PNG, JPEG and other formats, the size is increased, so that one side needs to be saved again under the condition of 1 time, and at the moment, a low-quality and high-definition 4K picture can be generated.
According to the spliced picture display method, the initial parameters of the pictures to be spliced on the spliced background screen are obtained, the conversion parameters corresponding to the pictures to be spliced are determined according to gesture operations executed by a user on the pictures to be spliced, the display information of the pictures to be spliced on the spliced background screen is determined according to the initial parameters and the conversion parameters, and the pictures to be spliced are displayed on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed. According to the embodiment of the application, the dynamic adjustment to the jigsaw free mode state can be achieved by converting the splicing background screen according to the gesture operation of the user, the interface information is stored through a series of gesture operations and is ready for use at any time, and the proportional reusability of the interface is ensured through a series of algorithms.
Example III
Referring to fig. 3, a schematic structural diagram of a stitched image display device provided in an embodiment of the present application is shown, where the stitched image display device may specifically include the following modules:
an initial parameter obtaining module 310, configured to obtain an initial parameter of a picture to be spliced on a spliced background screen;
the conversion parameter determining module 320 is configured to determine a conversion parameter corresponding to the picture to be spliced according to a gesture operation performed on the picture to be spliced by a user;
the display information determining module 330 is configured to determine display information of the picture to be spliced on the spliced background screen according to the initial parameter and the conversion parameter;
and the spliced picture display module 340 is configured to display the picture to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed.
According to the spliced picture display device, the initial parameters of the pictures to be spliced on the spliced background screen are obtained, the conversion parameters corresponding to the pictures to be spliced are determined according to gesture operation performed on the pictures to be spliced by a user, the display information of the pictures to be spliced on the spliced background screen is determined according to the initial parameters and the conversion parameters, and the pictures to be spliced are displayed on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed. According to the embodiment of the application, the dynamic adjustment to the jigsaw free mode state can be achieved by converting the splicing background screen according to the gesture operation of the user, the interface information is stored through a series of gesture operations and is ready for use at any time, and the proportional reusability of the interface is ensured through a series of algorithms.
Example IV
Referring to fig. 4, a schematic structural diagram of another spliced image display device provided in an embodiment of the present application is shown, where the spliced image display device may specifically include the following modules:
the initial parameter obtaining module 410 is configured to obtain an initial parameter of a picture to be spliced on a spliced background screen;
the conversion parameter determining module 420 is configured to determine a conversion parameter corresponding to the picture to be spliced according to a gesture operation performed on the picture to be spliced by a user;
the display information determining module 430 is configured to determine display information of the picture to be spliced on the spliced background screen according to the initial parameter and the conversion parameter;
and the spliced picture display module 440 is configured to display the picture to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed.
Optionally, the initial parameter acquisition module 410 includes:
an abscissa-ordinate ratio obtaining unit 411, configured to obtain an abscissa-ordinate ratio of a center point of the picture to be spliced on the spliced background screen;
and the initial parameter obtaining unit 412 is configured to determine an initial position of the picture to be stitched on the stitched background screen according to the abscissa-ordinate ratio, and use the initial position as the initial parameter.
Optionally, the conversion parameter determining module 420 includes:
a translation distance obtaining unit 421, configured to obtain a translation distance corresponding to the translation operation when the gesture operation is the translation operation, and take the translation distance as the conversion parameter;
a rotation angle obtaining unit 422, configured to obtain, when the gesture operation is a rotation operation, a rotation angle corresponding to the rotation operation, and use the rotation angle as the conversion parameter;
a scaling obtaining unit 423, configured to obtain a scaling corresponding to the scaling operation when the gesture operation is the scaling operation, and use the scaling as the conversion parameter;
and a display priority obtaining unit 424, configured to obtain, when the gesture operation is a click operation, a display priority corresponding to the click operation, and use the display priority as the conversion parameter.
Optionally, the presentation information determining module 430 includes:
a spliced picture adjusting unit 431, configured to adjust the picture to be spliced on the spliced background screen according to the initial parameter and the conversion parameter;
and the position information determining unit 432 is configured to determine, according to the adjustment result, position information of the picture to be stitched on the stitched background screen.
Optionally, the stitched picture display module 440 includes:
an aspect ratio obtaining unit 441, configured to obtain a first aspect ratio of the spliced background screen and a second aspect ratio corresponding to the to-be-displayed screen;
a target position determining unit 442, configured to determine a target position of the picture to be stitched on the screen to be displayed according to the first aspect ratio, the second aspect ratio, and the position information;
and the spliced picture display unit 443 is used for displaying the picture to be spliced on the screen to be displayed according to the target position.
According to the spliced picture display device, the initial parameters of the pictures to be spliced on the spliced background screen are obtained, the conversion parameters corresponding to the pictures to be spliced are determined according to gesture operation performed on the pictures to be spliced by a user, the display information of the pictures to be spliced on the spliced background screen is determined according to the initial parameters and the conversion parameters, and the pictures to be spliced are displayed on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed. According to the embodiment of the application, the dynamic adjustment to the jigsaw free mode state can be achieved by converting the splicing background screen according to the gesture operation of the user, the interface information is stored through a series of gesture operations and is ready for use at any time, and the proportional reusability of the interface is ensured through a series of algorithms.
For the foregoing method embodiments, for simplicity of explanation, the methodologies are shown as a series of acts, but one of ordinary skill in the art will appreciate that the present application is not limited by the order of acts described, as some acts may, in accordance with the present application, occur in other orders or concurrently. Further, those skilled in the art will also appreciate that the embodiments described in the specification are all preferred embodiments, and that the acts and modules referred to are not necessarily required in the present application.
Additionally, the embodiment of the application also provides electronic equipment, which comprises: a processor, a memory, and a computer program stored on the memory and executable on the processor, the processor implementing the stitched picture display method of any of the above when executing the program.
The embodiment of the application also provides a computer readable storage medium, which enables the electronic device to execute the spliced picture display method according to any one of the above when the instructions in the storage medium are executed by the processor of the electronic device.
In this specification, each embodiment is described in a progressive manner, and each embodiment is mainly described by differences from other embodiments, and identical and similar parts between the embodiments are all enough to be referred to each other.
Finally, it is further noted that relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article or apparatus that comprises the element.
The above description of a stitched image display method, a stitched image display device, an electronic device and a computer readable storage medium provided in the present application applies specific examples to illustrate the principles and embodiments of the present application, where the above description of the examples is only used to help understand the method and core ideas of the present application; meanwhile, as those skilled in the art will have modifications in the specific embodiments and application scope in accordance with the ideas of the present application, the present description should not be construed as limiting the present application in view of the above.

Claims (6)

1. The spliced picture display method is characterized by comprising the following steps of:
the method for acquiring the initial parameters of the pictures to be spliced on the spliced background screen comprises the following steps: acquiring the ratio of the horizontal coordinates and the vertical coordinates of the central point of the picture to be spliced on the spliced background screen; determining an initial position of the picture to be spliced on the spliced background screen according to the abscissa-ordinate ratio, and taking the initial position as the initial parameter;
determining conversion parameters corresponding to the pictures to be spliced according to gesture operations executed by a user on the pictures to be spliced;
according to the initial parameters and the conversion parameters, determining the display information of the pictures to be spliced on the spliced background screen comprises the following steps: according to the initial parameters and the conversion parameters, the pictures to be spliced are adjusted on the spliced background screen; determining the position information of the picture to be spliced on the spliced background screen according to the adjustment result;
displaying the picture to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed, wherein the method comprises the following steps: acquiring a first aspect ratio of the spliced background screen and a second aspect ratio corresponding to the screen to be displayed; determining a target position of the picture to be spliced on the screen to be displayed according to the first aspect ratio, the second aspect ratio and the position information; and displaying the pictures to be spliced on the screen to be displayed according to the target position.
2. The method according to claim 1, wherein the determining, according to the gesture operation performed by the user on the pictures to be stitched, a conversion parameter corresponding to the pictures to be stitched includes:
when the gesture operation is a translation operation, acquiring a translation distance corresponding to the translation operation, and taking the translation distance as the conversion parameter; and/or
When the gesture operation is a rotation operation, acquiring a rotation angle corresponding to the rotation operation, and taking the rotation angle as the conversion parameter; and/or
When the gesture operation is a scaling operation, obtaining a scaling scale corresponding to the scaling operation, and taking the scaling scale as the conversion parameter; and/or
And when the gesture operation is a click operation, acquiring a display priority corresponding to the click operation, and taking the display priority as the conversion parameter.
3. A stitched picture display device, comprising:
the initial parameter acquisition module is used for acquiring initial parameters of the pictures to be spliced on the spliced background screen;
the conversion parameter determining module is used for determining a conversion parameter corresponding to the picture to be spliced according to gesture operation executed by a user on the picture to be spliced;
the display information determining module is used for determining display information of the pictures to be spliced on the spliced background screen according to the initial parameters and the conversion parameters;
the spliced picture display module is used for displaying the pictures to be spliced on the screen to be displayed according to the display information and the size ratio of the spliced background screen to the screen to be displayed;
the initial parameter acquisition module comprises:
the abscissa-ordinate ratio acquisition unit is used for acquiring the abscissa-ordinate ratio of the center point of the picture to be spliced on the spliced background screen;
the initial parameter acquisition unit is used for determining the initial position of the picture to be spliced on the spliced background screen according to the abscissa-ordinate ratio, and taking the initial position as the initial parameter;
the display information determining module includes:
the spliced picture adjusting unit is used for adjusting the pictures to be spliced on the spliced background screen according to the initial parameters and the conversion parameters;
the position information determining unit is used for determining the position information of the picture to be spliced on the spliced background screen according to the adjustment result;
the spliced picture display module comprises:
an aspect ratio obtaining unit, configured to obtain a first aspect ratio of the spliced background screen and a second aspect ratio corresponding to the screen to be displayed;
a target position determining unit, configured to determine a target position of the picture to be spliced on the screen to be displayed according to the first aspect ratio, the second aspect ratio, and the position information;
and the spliced picture display unit is used for displaying the picture to be spliced on the screen to be displayed according to the target position.
4. The apparatus of claim 3, wherein the conversion parameter determination module comprises:
the translation distance acquisition unit is used for acquiring a translation distance corresponding to the translation operation when the gesture operation is the translation operation, and taking the translation distance as the conversion parameter;
the rotation angle acquisition unit is used for acquiring a rotation angle corresponding to the rotation operation when the gesture operation is the rotation operation, and taking the rotation angle as the conversion parameter;
the scaling obtaining unit is used for obtaining a scaling corresponding to the scaling operation when the gesture operation is the scaling operation, and taking the scaling as the conversion parameter;
and the display priority acquiring unit is used for acquiring the display priority corresponding to the clicking operation when the gesture operation is the clicking operation, and taking the display priority as the conversion parameter.
5. An electronic device, comprising:
a processor, a memory and a computer program stored on the memory and executable on the processor, the processor implementing the stitched picture display method of any of claims 1 to 2 when the program is executed.
6. A computer readable storage medium, characterized in that instructions in the storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the stitched picture display method of any one of claims 1 to 2.
CN202010333107.3A 2020-04-24 2020-04-24 Spliced picture display method and device, electronic equipment and storage medium Active CN111553842B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010333107.3A CN111553842B (en) 2020-04-24 2020-04-24 Spliced picture display method and device, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010333107.3A CN111553842B (en) 2020-04-24 2020-04-24 Spliced picture display method and device, electronic equipment and storage medium

Publications (2)

Publication Number Publication Date
CN111553842A CN111553842A (en) 2020-08-18
CN111553842B true CN111553842B (en) 2024-03-12

Family

ID=72002495

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010333107.3A Active CN111553842B (en) 2020-04-24 2020-04-24 Spliced picture display method and device, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN111553842B (en)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508628A (en) * 2011-10-08 2012-06-20 广东威创视讯科技股份有限公司 Method and device for eliminating splicing seams of splicing wall as well as image system based on splicing wall
CN103093447A (en) * 2013-01-18 2013-05-08 南京大学 Cutting and splicing method of concentration of pictures of computer
CN106296622A (en) * 2015-05-27 2017-01-04 阿里巴巴集团控股有限公司 The pattern splicing method of a kind of autoplacement and device
CN107622518A (en) * 2017-09-20 2018-01-23 广东欧珀移动通信有限公司 Picture synthetic method, device, equipment and storage medium
CN110022463A (en) * 2019-04-11 2019-07-16 重庆紫光华山智安科技有限公司 Video interested region intelligent coding method and system are realized under dynamic scene
CN110221722A (en) * 2019-05-27 2019-09-10 掌阅科技股份有限公司 Image processing method, electronic equipment and storage medium
CN110660119A (en) * 2019-09-20 2020-01-07 寿光新保农农业科技有限公司 Character dynamic effect generation method and device based on bitmap scanning

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508628A (en) * 2011-10-08 2012-06-20 广东威创视讯科技股份有限公司 Method and device for eliminating splicing seams of splicing wall as well as image system based on splicing wall
CN103093447A (en) * 2013-01-18 2013-05-08 南京大学 Cutting and splicing method of concentration of pictures of computer
CN106296622A (en) * 2015-05-27 2017-01-04 阿里巴巴集团控股有限公司 The pattern splicing method of a kind of autoplacement and device
CN107622518A (en) * 2017-09-20 2018-01-23 广东欧珀移动通信有限公司 Picture synthetic method, device, equipment and storage medium
CN110022463A (en) * 2019-04-11 2019-07-16 重庆紫光华山智安科技有限公司 Video interested region intelligent coding method and system are realized under dynamic scene
CN110221722A (en) * 2019-05-27 2019-09-10 掌阅科技股份有限公司 Image processing method, electronic equipment and storage medium
CN110660119A (en) * 2019-09-20 2020-01-07 寿光新保农农业科技有限公司 Character dynamic effect generation method and device based on bitmap scanning

Also Published As

Publication number Publication date
CN111553842A (en) 2020-08-18

Similar Documents

Publication Publication Date Title
US9418068B2 (en) Dimensional conversion in presentations
US20070097109A1 (en) Method and system for generating detail-in-context presentations in client/server systems
US20100315315A1 (en) Optimal graphics panelization for mobile displays
US9135885B2 (en) Resolution independent client side rendering
US9342862B2 (en) Zooming a displayed image
EP4207051A1 (en) Image super-resolution method and electronic device
US11314400B2 (en) Unified digital content selection system for vector and raster graphics
CN107861711B (en) Page adaptation method and device
US11250643B2 (en) Method of providing virtual exhibition space using 2.5-dimensionalization
KR20150106330A (en) Image display apparatus and image display method
CN110443772B (en) Picture processing method and device, computer equipment and storage medium
US10534505B2 (en) Technique for preventing unnecessary overlap of user interfaces
CN111986601A (en) Screen display method and device, terminal equipment and storage medium
CN109101144B (en) Thermodynamic diagram drawing method and device
CN111553842B (en) Spliced picture display method and device, electronic equipment and storage medium
CN111612838A (en) Image acquisition method and device and electronic equipment
CN113722031B (en) Dynamic display method, equipment, medium and product of electronic signature
CN113538468B (en) Method and device for constructing high-definition satellite map vector slice based on svg format
CN104639969A (en) Full screen page display method and device
CN111521127B (en) Measuring method, measuring apparatus, and recording medium
CN115496829A (en) Method and device for quickly manufacturing local high-definition image map based on webpage
CN113703653A (en) Image processing method, device, equipment and computer readable storage medium
CN109284456B (en) Space positioning method of webpage control in AR and AR system
CN111755103A (en) Pathological section conversion method and device
CN113012028B (en) Image processing method, device, 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
GR01 Patent grant
GR01 Patent grant