CN110568982B - Picture clipping method and device in online presentation, storage medium and equipment - Google Patents
Picture clipping method and device in online presentation, storage medium and equipment Download PDFInfo
- Publication number
- CN110568982B CN110568982B CN201910865015.7A CN201910865015A CN110568982B CN 110568982 B CN110568982 B CN 110568982B CN 201910865015 A CN201910865015 A CN 201910865015A CN 110568982 B CN110568982 B CN 110568982B
- Authority
- CN
- China
- Prior art keywords
- original picture
- picture
- cutting
- area
- clipping
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
- G06F16/44—Browsing; Visualisation therefor
-
- 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)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Editing Of Facsimile Originals (AREA)
- Processing Or Creating Images (AREA)
Abstract
The embodiment of the disclosure discloses a method and a device for clipping pictures in an online presentation, a storage medium and equipment. The method comprises the following steps: determining an original picture to be cut in an online demonstration manuscript, receiving a cutting instruction and generating a cutting area, adjusting the position range occupied by the original picture and/or the cutting area and recording offset information of the original picture and/or the cutting area, wherein the cutting area is always contained in the original picture, determining the cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area, determining the position of the original picture corresponding to the cutting picture according to the offset information when the cutting instruction is received again, and displaying the original picture. By adopting the technical scheme, the moving range of the original picture and the cutting frame is limited, so that the cut picture and the selected area are kept consistent, misoperation can be reduced, blank selected areas are avoided, consistency of known information among collaborators of the online presentation is kept, and the cooperation efficiency is improved.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of computers, in particular to a method, a device, a storage medium and equipment for clipping pictures in an online presentation.
Background
The presentation is a slide which makes static files into dynamic files for browsing and changes complex problems into popular and understandable ones, and is widely applied to various fields such as work reports, enterprise propaganda, product recommendation, project bidding, management consultation and the like.
With the rapid development of the internet technology, the online presentation document as a novel presentation document provides richer functions for the majority of users. The online demonstration manuscript has the characteristics of access at any time and the like, can realize the functions of making, browsing and the like in an online mode such as a browser and the like, can invite other people to review and jointly create in real time, and has higher flexibility.
The picture is an essential element in the presentation, is used for making the show of the slide more lively and abundant, the cutting operation to the picture is the operation of the relatively conventional, however, in the traditional presentation, when picture and cutting frame are in the crossing state, the local blank appears in the selected area, once picture and cutting frame are in the separating state, the result after cutting and storing after losing focus is invisible in the canvas, when focusing on the picture after cutting, what appears is a blank selected area, need enter the cutting state and just can see the picture area, easy misoperation, in addition, for the online presentation, easily let other collaborators ignore the picture information, the known information between collaborators is inconsistent like this, can reduce the cooperative efficiency.
Disclosure of Invention
The embodiment of the disclosure provides a method, a device, a storage medium and equipment for clipping pictures in an online presentation, which can optimize the existing scheme for clipping pictures of the online presentation.
In a first aspect, an embodiment of the present disclosure provides a method for clipping an image in an online presentation, including:
determining an original picture to be cut in the online presentation, receiving a cutting instruction and generating a cutting area;
adjusting the position range occupied by the original picture and/or the clipping area, and recording offset information of the clipping area relative to the original picture in the adjusting process, wherein the clipping area is always contained in the original picture;
determining a cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area;
and when the clipping instruction is received again, determining the position of the original picture corresponding to the clipped picture according to the offset information, and displaying the original picture.
In a second aspect, an embodiment of the present disclosure provides an apparatus for clipping a picture in an online presentation, including:
the cutting area generating module is used for determining an original picture to be cut in the online demonstration manuscript, receiving a cutting instruction and generating a cutting area;
the position range adjusting module is used for adjusting the position range occupied by the original picture and/or the clipping area, wherein the clipping frame is always contained in the original picture;
the offset information recording module is used for recording offset information of the cutting area relative to the original picture in the adjusting process;
the cutting picture determining module is used for determining a cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area;
and the original picture display module is used for determining the position of the original picture corresponding to the clipping picture according to the offset information and displaying the original picture when the clipping instruction is received again.
In a third aspect, the present disclosure provides a computer-readable storage medium, on which a computer program is stored, which when executed by a processor, implements a picture cropping method for an online presentation as provided by an embodiment of the present disclosure.
In a fourth aspect, an embodiment of the present disclosure provides an electronic device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where the processor implements a method for clipping a picture of an online presentation as provided in an embodiment of the present disclosure when executing the computer program.
The picture clipping scheme for the online presentation, provided in the embodiment of the present disclosure, determines an original picture to be clipped in the online presentation, receives a clipping instruction and generates a clipping region, adjusts a position range occupied by the original picture and/or the clipping region, and records offset information of the clipping region relative to the original picture in an adjustment process, where the clipping region is always included in the original picture, determines a clipped picture corresponding to the current clipping operation according to an overlapping region of the original picture and the clipping region, and determines a position of the original picture corresponding to the clipped picture according to the offset information and displays the original picture when the clipping instruction is received again. By adopting the technical scheme, the moving range of the original picture and the cutting frame is limited, so that the cut picture and the selected area are kept consistent, misoperation can be reduced, blank selected area can be avoided, in addition, offset information is recorded in the adjusting process, the original picture can be restored and displayed as required, on the basis of reducing picture cutting misoperation, complete original picture information can be kept, consistency of known information can be kept among collaborators for online presentation, and the cooperation efficiency is improved.
Drawings
FIG. 1 is a diagram illustrating a related art cropping process;
FIG. 2 is a schematic diagram illustrating a related art cropping process;
fig. 3 is a schematic flowchart of a method for clipping an image in an online presentation according to a first embodiment of the present disclosure;
fig. 4 is a schematic diagram illustrating a picture cropping according to a first embodiment of the disclosure;
fig. 5 is a schematic diagram illustrating a positional relationship between an original picture and a cropping frame according to a first embodiment of the disclosure;
fig. 6 is a schematic flowchart of a method for clipping an image in an online presentation according to a second embodiment of the present disclosure;
fig. 7 is a schematic flowchart of a method for clipping an image in an online presentation according to a third embodiment of the present disclosure;
fig. 8 is a schematic diagram illustrating a positional relationship between a crop box and a preset reference box according to a third embodiment of the disclosure;
fig. 9 is a block diagram illustrating a structure of an apparatus for clipping a picture in an online presentation according to a fourth embodiment of the present disclosure;
fig. 10 is a block diagram of an electronic device according to a fifth embodiment of the present disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.
It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.
It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
In the following embodiments, optional features and examples are provided in each embodiment, and various features described in the embodiments may be combined to form a plurality of alternatives, and each numbered embodiment should not be regarded as only one technical solution.
For easy understanding, a brief description will be given to a picture cropping scheme of a presentation in the related art. Fig. 1 is a schematic diagram of picture cropping in the related art, as shown in fig. 1, a relative position relationship between an original picture 101 to be cropped and a cropping area 102 is not limited, when the original picture 101 and the cropping area 102 are in an intersection state, a local blank area 103 appears in a selected area (i.e., an area circled by the cropping area 102), and when the cropping is completed, content included in the entire selected area is used as a cropping picture 104, while actually, only a shadow area 105 includes valid picture information in the original picture 101, that is, the shadow area 105 is content that a user really wants to crop, and in addition, when the cropping picture 104 needs to be subjected to transformation operations such as rotation, the cropping picture 104 needs to be performed based on the cropping picture 104, and it is difficult to perform transformation operations on the shadow area 105, thereby increasing operation difficulty of the user. Fig. 2 is a schematic diagram of another picture cropping in the related art, when an original picture 201 and a cropping area 202 are in a separated state, a result after cropping and saving is not seen in a canvas after a focus is lost, and when the original picture is focused on the cropped picture, a blank selection area 203 appears, which needs to enter a cropping state to see the picture area, and is not friendly to saving after a user performs a wrong operation.
Example one
Fig. 3 is a flowchart illustrating a method for clipping a picture in an online presentation according to an embodiment of the present disclosure, where the method may be performed by a picture clipping apparatus in an online presentation, where the apparatus may be implemented by software and/or hardware, and may be generally integrated in an electronic device. As shown in fig. 1, the method includes:
For example, a user may access an online presentation using a browser or other application in the electronic device, may create an online presentation, and may open an online presentation that has been created. The original picture may be a picture already existing in the online presentation, or a picture newly added to the online presentation by the user through insertion or pasting. The format of the original picture is not limited in the disclosed embodiment, and may be, for example, Scalable Vector Graphics (SVG) format. The shape of the original picture is not limited in the embodiments of the present disclosure, and may be, for example, a rectangle.
Illustratively, a picture can be selected by clicking and the like, then a clipping option in a picture toolbar is selected, the selected picture is an original picture to be clipped, a clipping instruction is generated by triggering when the clipping option is selected, and then the electronic equipment receives the clipping instruction, enters a clipping state and displays a clipping area. The cutting area may be a default style, or a style used by the user last time, or a corresponding style may be determined according to the selection of the user, and the cutting area may be displayed in the form of a cutting frame. The shape of the clipping region in the embodiments of the present disclosure is not limited, and may be, for example, a rectangle. Optionally, after the picture is selected, a plurality of cropping modes, such as free cropping, 1:1 cropping, 16:9 cropping, and the like, may be displayed around the picture for the user to select, and after the user selects one cropping mode, the style of the cropping area may be determined according to the cropping mode.
In the embodiment of the disclosure, when a user selects a region to be cropped, the user may operate on an original picture or a cropping region, and when one of the regions is operated, the other region is not changed. Optionally, the adjustment corresponding to the adjustment may include a movement adjustment and/or a zoom adjustment. Illustratively, when the original picture is not moved, the overlapped area of the cropping area and the original picture is changed by moving or zooming (including enlarging or reducing) the cropping area, and during the moving or zooming of the cropping area, the position defining the cropping area is always located within the original picture, i.e. the cropping area is always contained within the original picture, and cannot be moved out of the original picture, and no partial area which is leaked out of the original picture exists, when any point in the cropping area is overlapped with the boundary of the original picture during the moving or zooming towards a certain direction, the moving or zooming operation in the direction is prevented; when the cutting area is not moved, the overlapped area of the original picture and the cutting area is changed by moving or zooming the original picture, the original picture always contains the cutting area in the process of moving or zooming the original picture, and when any point in the original picture is overlapped with the boundary of the cutting area in the process of moving or zooming towards a certain direction, the moving or zooming operation in the direction is prevented.
Fig. 4 is a schematic diagram of a picture cropping according to an embodiment of the present disclosure, as shown in fig. 4, a cropping area 402 is located inside an original picture 401 to form an overlapping area 403, that is, a selected area of the cropping is identical to the overlapping area 403, a left edge of the cropping area 402 is already overlapped with the original picture 401, if the cropping area 402 is continuously moved to the left or the original picture 401 is moved to the right, the moving operation is stopped, if the cropping area 402 is enlarged to the left or the original picture 401 is reduced to the right, the zooming operation is also stopped, and it is ensured that the cropping area 402 is always located inside the original picture 401.
For example, in the embodiment of the present disclosure, a relative position relationship between the cropping area and the original picture may be recorded for displaying the subsequent restored original picture, and specifically, offset information (which may be understood as a cropping attribute) may be used for representing the relative position relationship. Fig. 5 is a schematic diagram of a position relationship between an original picture and a cropping frame according to an embodiment of the present disclosure, taking the original picture and the cropping area as an example, where the cropping area is rectangular, and offset values of the cropping area from the top, bottom, left, and right of the original picture can be represented by a top offset value (topOffset)501, a bottom offset value (bottomOffset)502, a left offset value (leftOffset)503, and a right offset value (rightOffset) 504. When the original picture and/or the cropped area are in other shapes, the feature points of the original picture or the cropped area can be determined, and the offset information between the feature points can be recorded.
For example, the initial offset information may be determined according to a relative position relationship between the original picture and the cropping area when the cropping instruction is received, and may be updated based on the initial offset information in the process of adjusting the position range occupied by the original picture and/or the cropping area. Optionally, when the original picture and the cropping area are in a superposition state when entering the cropping state, each offset value is 0.
Illustratively, after entering the cropping state, separate computational logic is required for both the original picture and the cropping area. The following is presented separately for different situations:
taking the cropping area movement as an example, the cropping area is moved in the cropping state, and the horizontal direction and vertical direction shift amounts of the movement are assumed to be offset x (distance in the horizontal direction) and offset y (distance in the vertical direction), respectively. Under the condition of no transformation (such as rotation, stretching and other processing), the offset is respectively applied to the current offset information and can be obtained by direct addition and subtraction in the horizontal and vertical directions; when there is a current transformation, the actual offset amount is not equal to offset x and offset y, and the actual offset amount is obtained by matrix transformation and then applied to the current offset information.
Taking the scaling of the clipping region as an example, the clipping region is scaled in the clipping state, at this time, the original picture is not changed, the size of the clipping region is changed, and the current offset information is updated according to the size change of the clipping region before and after scaling.
The moving and scaling of the original image and the moving and scaling of the cropping area are respectively corresponding reverse processes, and the offset information may be updated with reference to the above description, which is not described herein again.
It can be understood that, in the process of adjusting the position range occupied by the original picture and/or the clipping region, each offset value in the offset information is always greater than or equal to 0, so as to ensure that the clipping region is always located inside the original picture.
And step 303, determining a cut picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area.
For example, since the cropping area is always included in the original picture, the overlapping area is a part of the original picture and is an area that the user wants to leave, and therefore, after the user stops adjusting, the cropping picture corresponding to the current cropping operation can be determined according to the final overlapping area. Illustratively, if the user loses focus by clicking an area other than the original picture, it is determined that the cropping operation is completed, that is, the overlapping area at this time is the final overlapping area.
For example, as shown in fig. 4, after the cropping, a frame of the final overlapping area coincides with the final cropping area, that is, an edge of the cropped picture 404 coincides with the final cropping area, where the picture content included in the final cropping area is the content in the overlapping area.
And step 304, when the clipping instruction is received again, determining the position of the original picture corresponding to the clipped picture according to the offset information, and displaying the original picture.
Illustratively, after the cropping operation is completed, the non-cropping state is entered, and the part outside the overlapping region in the original picture is hidden, so as to meet the cropping requirements of the user.
For example, when a user uses an online presentation document to crop a picture, the user often wants to display local content of the picture, but does not want to actually crop the picture, and if the picture is actually cropped, part of original image information is lost, and the original picture is retained to be capable of being operated and adjusted for multiple times, which is particularly suitable for an online multi-person cooperation mode. In the embodiment of the disclosure, when the clipping instruction is received again, that is, after the clipping state is entered again, the position of the original picture corresponding to the current clipping picture can be determined according to the offset information, and the original picture is displayed, so that the user can conveniently view complete picture information.
The picture clipping scheme for the online presentation, provided in the embodiment of the present disclosure, determines an original picture to be clipped in the online presentation, receives a clipping instruction and generates a clipping region, adjusts a position range occupied by the original picture and/or the clipping region, and records offset information of the clipping region relative to the original picture in an adjustment process, where the clipping region is always included in the original picture, determines a clipped picture corresponding to the current clipping operation according to an overlapping region of the original picture and the clipping region, and determines a position of the original picture corresponding to the clipped picture according to the offset information and displays the original picture when the clipping instruction is received again. By adopting the technical scheme, the moving range of the original picture and the cutting frame is limited, so that the cut picture and the selected area are kept consistent, misoperation can be reduced, blank selected area can be avoided, in addition, offset information is recorded in the adjusting process, the original picture can be restored and displayed as required, on the basis of reducing picture cutting misoperation, complete original picture information can be kept, consistency of known information can be kept among collaborators for online presentation, and the cooperation efficiency is improved.
Example two
Fig. 6 is a schematic flow chart of a method for clipping an image of an online presentation according to a second embodiment of the present disclosure, where the second embodiment of the present disclosure is optimized based on various optional solutions in the foregoing embodiments, specifically, the method includes the following steps:
And step 604, entering a non-clipping state.
Illustratively, after the cropping operation is completed, the non-cropping state is entered, and the part outside the overlapping region in the original picture is hidden, so as to meet the cropping requirements of the user.
And 605, editing the cut picture, and updating the offset information according to the editing operation.
In the embodiment of the present disclosure, after entering the non-clipping state, an editing operation may be performed on the clipped picture, and the offset information is updated according to the editing operation. The editing operation may include transformation operations such as rotation, stretching, and compression, and may also include operations such as movement or scaling. The offset information is not changed during the conversion operation for the cut picture. The above offset information is not changed for the movement. In the scaling, the cropped picture and the original picture are scaled synchronously, and the frame of the cropped picture overlaps the cropped area, so that the position of the cropped area relative to the original picture is not changed, and the offset amounts in the offset information are converted according to the same scaling factor.
According to the picture clipping method for the online presentation, after the clipping operation is completed and the clipped picture is obtained, the clipped picture can be edited, and the offset information is updated, so that the original picture can be accurately displayed according to the updated offset information after the clipping state is entered again.
EXAMPLE III
Fig. 7 is a schematic flow chart of a method for clipping an image of an online presentation according to a third embodiment of the present disclosure, where the third embodiment of the present disclosure performs optimization based on various alternatives in the above embodiments.
Illustratively, the receiving a cropping instruction and generating a cropping zone includes: receiving a cutting instruction and acquiring a target graph input by a first user; and generating a cutting area with a corresponding shape according to the target graph. The advantage of this arrangement is that the shape of the cutting area can be determined according to the subjective intention of the user, making the cutting more personalized.
Furthermore, the clipping area is located inside a preset reference frame, the preset reference frame is rectangular, and the position relationship between the clipping area and the preset reference frame is unchanged. The recording offset information of the cutting area relative to the original picture comprises: and recording offset information of a preset reference frame corresponding to the cutting area relative to the original picture, wherein the offset information comprises an upper offset, a lower offset, a left offset and a right offset. Correspondingly, the determining the position of the original picture corresponding to the cropped picture according to the offset information includes: and determining the position of the original picture corresponding to the cut picture according to the offset information and the relative position relation. The advantage of setting up like this is, place the clipping region of irregular shape inside the predetermined reference frame of rectangle, can calculate the skew information more conveniently accurately.
Specifically, the method may comprise the steps of:
The first user may be a current user operating on a current electronic device.
For example, obtaining the target graphic of the first user input may include: and acquiring a target graph selected from a plurality of candidate graphs by the first user. The advantage of this arrangement is that the user is provided with alternative graphics of various shapes, which facilitates the user to quickly select the preferred shape of the cutting area. Alternative graphics may include, for example, hearts, stars, triangles, explosions, and cars, etc., which may be presented in the form of a list of illustrations and selected by the user.
Illustratively, obtaining the target graphic of the first user input may also include: and acquiring a closed track drawn by a first user, and determining a target graph according to the closed track. The advantage of this arrangement is that the user can be allowed to freely design the shape of the cropping area, making the cropping picture more personalized. For example, a preset reference frame may be displayed and the user may be prompted to draw the target graphic within the preset reference frame.
And 703, generating a cutting area with a corresponding shape according to the target graph.
The cutting area is located inside a preset reference frame, the preset reference frame is rectangular, and the relative position relation between the cutting area and the preset reference frame is unchanged. For example, fig. 8 is a schematic diagram of a positional relationship between a cropping area and a preset reference frame provided in a third embodiment of the present disclosure, as shown in the figure, the cropping area 802 is an explosive shape, the cropping area 802 is located inside the preset reference frame 801, and a relative positional relationship between the cropping area 802 and the preset reference frame 801 is fixed, for example, a relative positional relationship between each inflection point of the explosive shape and a rectangle of the preset reference frame 801 may be recorded.
Further, after the cutting area is displayed, the method may further include: displaying adjustable nodes at the edges of the cutting area; and receiving the adjustment operation of a second user on the adjustable node, and updating the cutting area in real time according to the adjustment operation. The method has the advantages that other online users can be allowed to adjust the cutting area selected by the current user, interaction and cooperation among the online users are facilitated, compared with other interaction modes such as voice, the cutting area is directly adjusted in an online manual adjustment mode, and communication cooperation efficiency related to picture cutting can be improved. For example, the adjustable node may include an inflection point of the edge of the cropping zone, and any point on the edge of the cropping zone may be freely set by the user.
The clipping region is always included in the original picture, and the offset information includes an upper offset, a lower offset, a left offset, and a right offset.
And step 706, entering a non-clipping state.
And step 707, when the clipping instruction is received again, determining the position of the original picture corresponding to the clipped picture according to the offset information, and displaying the original picture.
The picture cutting method of the online presentation, provided by the embodiment of the disclosure, allows a user to determine a cutting area of a favorite shape according to personal wishes, enhances the individuation of the cut picture, and also allows other online users to adjust the shape of the cutting area, thereby improving the communication cooperation efficiency related to the picture cutting.
Example four
Fig. 9 is a block diagram illustrating a structure of an apparatus for clipping a picture in an online presentation, which may be implemented by software and/or hardware, and may be generally integrated in an electronic device, and may perform the picture clipping on the online presentation by executing a method for clipping a picture of an online presentation according to a fourth embodiment of the present disclosure. As shown in fig. 9, the apparatus includes:
a cropping area generating module 901, configured to determine an original picture to be cropped in the online presentation, receive a cropping instruction, and generate a cropping area;
a position range adjusting module 902, configured to adjust a position range occupied by the original picture and/or the clipping region, where the clipping frame is always included in the original picture;
an offset information recording module 903, configured to record offset information of the clipping region relative to the original picture in an adjustment process;
a clipping picture determining module 904, configured to determine, according to an overlapping area between the original picture and the clipping area, a clipping picture corresponding to the current clipping operation;
and the original picture display module 905 is configured to, when the clipping instruction is received again, determine a position of an original picture corresponding to the clipped picture according to the offset information, and display the original picture.
The picture clipping device for the online presentation, provided in the embodiment of the present disclosure, determines an original picture to be clipped in the online presentation, receives a clipping instruction and generates a clipping region, adjusts a position range occupied by the original picture and/or the clipping region, and records offset information of the clipping region relative to the original picture in an adjustment process, where the clipping region is always included in the original picture, determines a clipped picture corresponding to the current clipping operation according to an overlapping region of the original picture and the clipping region, and determines a position of the original picture corresponding to the clipped picture according to the offset information and displays the original picture when the clipping instruction is received again. By adopting the technical scheme, the moving range of the original picture and the cutting frame is limited, so that the cut picture and the selected area are kept consistent, misoperation can be reduced, blank selected area can be avoided, in addition, offset information is recorded in the adjusting process, the original picture can be restored and displayed as required, on the basis of reducing picture cutting misoperation, complete original picture information can be kept, consistency of known information can be kept among collaborators for online presentation, and the cooperation efficiency is improved.
Optionally, the adjustment corresponding to the adjustment includes a movement adjustment and/or a zoom adjustment.
Optionally, the apparatus further comprises:
and the offset information updating module is used for editing the cut picture before receiving the cutting instruction again, and updating the offset information according to the editing operation.
Optionally, the receiving a clipping instruction and generating a clipping region includes:
receiving a cutting instruction and acquiring a target graph input by a first user;
and generating a cutting area with a corresponding shape according to the target graph.
Optionally, the clipping region is located inside a preset reference frame, the preset reference frame is rectangular, and a position relationship between the clipping region and the preset reference frame is unchanged;
the recording offset information of the cutting area relative to the original picture comprises:
recording offset information of a preset reference frame corresponding to the cutting area relative to the original picture, wherein the offset information comprises an upper offset, a lower offset, a left offset and a right offset;
correspondingly, the determining the position of the original picture corresponding to the cropped picture according to the offset information includes:
and determining the position of the original picture corresponding to the cut picture according to the offset information and the relative position relation.
Optionally, the obtaining the target graph input by the first user includes:
acquiring a target graph selected by a first user from a plurality of candidate graphs; or;
and acquiring a closed track drawn by a first user, and determining a target graph according to the closed track.
Optionally, the apparatus further comprises:
the node display module is used for displaying adjustable nodes on the edge of the cutting area after the cutting area is generated;
and the cutting frame updating module is used for receiving the adjustment operation of a second user on the adjustable node and updating the cutting area in real time according to the adjustment operation.
EXAMPLE five
Referring now to FIG. 10, a block diagram of an electronic device 1000 suitable for use in implementing embodiments of the present disclosure is shown. The electronic devices in the embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., car navigation terminals), and the like, and fixed terminals such as digital TVs, desktop computers, and the like. The electronic device shown in fig. 10 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 10, the electronic device 1000 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 1001 that may perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)1002 or a program loaded from a storage means 1006 into a Random Access Memory (RAM) 1003. In the RAM 1003, various programs and data necessary for the operation of the electronic apparatus 1000 are also stored. The processing device 1001, the ROM 1002, and the RAM 1003 are connected to each other by a bus 1004. An input/output (I/O) interface 1005 is also connected to bus 1004.
Generally, the following devices may be connected to the I/O interface 1005: input devices 1006 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 1007 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage devices 1006 including, for example, magnetic tape, hard disk, etc.; and a communication device 1009. The communication device 1009 may allow the electronic device 1000 to communicate with other devices wirelessly or by wire to exchange data. While fig. 10 illustrates an electronic device 1000 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication device 1009, or installed from the storage device 1006, or installed from the ROM 1002. The computer program, when executed by the processing device 1001, performs the above-described functions defined in the methods of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.
The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: determining an original picture to be cut in the online presentation, receiving a cutting instruction and generating a cutting area; adjusting the position range occupied by the original picture and/or the clipping area, and recording offset information of the clipping area relative to the original picture in the adjusting process, wherein the clipping area is always contained in the original picture; determining a cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area; and when the clipping instruction is received again, determining the position of the original picture corresponding to the clipped picture according to the offset information, and displaying the original picture.
Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The modules described in the embodiments of the present disclosure may be implemented by software or hardware. The name of the module does not constitute a limitation to the module itself in some cases, for example, the cropping area generation module may also be described as a "module that determines an original picture to be cropped in an online presentation, receives a cropping instruction, and generates a cropping area".
The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
According to one or more embodiments of the present disclosure, there is provided a method for clipping a picture in an online presentation, including:
determining an original picture to be cut in the online presentation, receiving a cutting instruction and generating a cutting area;
adjusting the position range occupied by the original picture and/or the clipping area, and recording offset information of the clipping area relative to the original picture in the adjusting process, wherein the clipping area is always contained in the original picture;
determining a cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area;
and when the clipping instruction is received again, determining the position of the original picture corresponding to the clipped picture according to the offset information, and displaying the original picture.
Further, the adjustment corresponding to the adjustment includes a movement adjustment and/or a zoom adjustment.
Further, before receiving the cutting instruction again, the method further includes:
and editing the cut picture, and updating the offset information according to the editing operation.
Further, the receiving a clipping instruction and generating a clipping region includes:
receiving a cutting instruction and acquiring a target graph input by a first user;
and generating a cutting area with a corresponding shape according to the target graph.
Further, the cutting area is located inside a preset reference frame, the preset reference frame is rectangular, and the position relationship between the cutting area and the preset reference frame is unchanged;
the recording offset information of the cutting area relative to the original picture comprises:
recording offset information of a preset reference frame corresponding to the cutting area relative to the original picture, wherein the offset information comprises an upper offset, a lower offset, a left offset and a right offset;
correspondingly, the determining the position of the original picture corresponding to the cropped picture according to the offset information includes:
and determining the position of the original picture corresponding to the cut picture according to the offset information and the relative position relation.
Further, the acquiring the target graph input by the first user includes:
acquiring a target graph selected by a first user from a plurality of candidate graphs; or;
and acquiring a closed track drawn by a first user, and determining a target graph according to the closed track.
Further, after generating the clipping region, the method further includes:
displaying adjustable nodes at the edge of the cutting area;
and receiving the adjustment operation of a second user on the adjustable node, and updating the cutting area in real time according to the adjustment operation.
According to one or more embodiments of the present disclosure, there is provided an apparatus for clipping a picture in an online presentation, including:
the cutting area generating module is used for determining an original picture to be cut in the online demonstration manuscript, receiving a cutting instruction and generating a cutting area;
the position range adjusting module is used for adjusting the position range occupied by the original picture and/or the clipping area, wherein the clipping frame is always contained in the original picture;
the offset information recording module is used for recording offset information of the cutting area relative to the original picture in the adjusting process;
the cutting picture determining module is used for determining a cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area;
and the original picture display module is used for determining the position of the original picture corresponding to the clipping picture according to the offset information and displaying the original picture when the clipping instruction is received again.
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.
Claims (9)
1. A method for clipping pictures in an online presentation is characterized by comprising the following steps:
determining an original picture to be cut in an online presentation, receiving a cutting instruction and generating a cutting area, wherein the receiving of the cutting instruction and the generating of the cutting area comprise: receiving a cutting instruction and acquiring a target graph input by a first user; generating a cutting area with a corresponding shape according to the target graph;
adjusting the position range occupied by the original picture and/or the clipping area, and recording offset information of the clipping area relative to the original picture in the adjusting process, wherein the clipping area is always contained in the original picture;
determining a cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area;
and when the clipping instruction is received again, determining the position of the original picture corresponding to the clipped picture according to the offset information, and displaying the original picture.
2. The method according to claim 1, wherein the adjusting the corresponding adjustment manner comprises a movement adjustment and/or a zoom adjustment.
3. The method of claim 2, further comprising, before receiving the cropping instruction again:
and editing the cut picture, and updating the offset information according to the editing operation.
4. The method according to claim 1, wherein the clipping region is located inside a preset reference frame, the preset reference frame is rectangular, and the position relationship between the clipping region and the preset reference frame is unchanged;
the recording offset information of the cutting area relative to the original picture comprises:
recording offset information of a preset reference frame corresponding to the cutting area relative to the original picture, wherein the offset information comprises an upper offset, a lower offset, a left offset and a right offset;
correspondingly, the determining the position of the original picture corresponding to the cropped picture according to the offset information includes:
and determining the position of the original picture corresponding to the cut picture according to the offset information and the position relation.
5. The method of claim 4, wherein obtaining the target graphic of the first user input comprises:
acquiring a target graph selected by a first user from a plurality of candidate graphs; or;
and acquiring a closed track drawn by a first user, and determining a target graph according to the closed track.
6. The method of claim 1, after generating the cropped area, further comprising:
displaying adjustable nodes at the edge of the cutting area;
and receiving the adjustment operation of a second user on the adjustable node, and updating the cutting area in real time according to the adjustment operation.
7. An apparatus for clipping images of an online presentation, comprising:
the cutting area generating module is used for determining an original picture to be cut in the online demonstration manuscript, receiving a cutting instruction and generating a cutting area, and the receiving the cutting instruction and generating the cutting area comprise: receiving a cutting instruction and acquiring a target graph input by a first user; generating a cutting area with a corresponding shape according to the target graph;
the position range adjusting module is used for adjusting the position range occupied by the original picture and/or the clipping area, wherein the clipping area is always contained in the original picture;
the offset information recording module is used for recording offset information of the cutting area relative to the original picture in the adjusting process;
the cutting picture determining module is used for determining a cutting picture corresponding to the cutting operation according to the overlapping area of the original picture and the cutting area;
and the original picture display module is used for determining the position of the original picture corresponding to the clipping picture according to the offset information and displaying the original picture when the clipping instruction is received again.
8. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1 to 6.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1-6 when executing the computer program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910865015.7A CN110568982B (en) | 2019-09-12 | 2019-09-12 | Picture clipping method and device in online presentation, storage medium and equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910865015.7A CN110568982B (en) | 2019-09-12 | 2019-09-12 | Picture clipping method and device in online presentation, storage medium and equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110568982A CN110568982A (en) | 2019-12-13 |
| CN110568982B true CN110568982B (en) | 2021-04-20 |
Family
ID=68779683
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910865015.7A Active CN110568982B (en) | 2019-09-12 | 2019-09-12 | Picture clipping method and device in online presentation, storage medium and equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110568982B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111461967B (en) * | 2020-04-01 | 2023-06-27 | 抖音视界有限公司 | Picture processing method, device, equipment and computer readable medium |
| CN113178079B (en) * | 2021-04-06 | 2022-08-23 | 青岛以萨数据技术有限公司 | Marking system, method and storage medium for signal lamp and lane line |
| CN113448473B (en) * | 2021-06-23 | 2023-10-27 | 深圳市润天智数字设备股份有限公司 | Visual operation method and device for picture cropping area |
| CN113947955B (en) * | 2021-10-18 | 2022-09-23 | 贵州振华信息技术有限公司 | Manuscript demonstration system with amplification function and demonstration method |
| CN116737102B (en) * | 2023-08-15 | 2023-10-20 | 南京易联阳光信息技术股份有限公司 | Cloud medicine data processing method and platform |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101132480A (en) * | 2006-07-25 | 2008-02-27 | 富士胶片株式会社 | Image trimming apparatus |
| WO2011078056A1 (en) * | 2009-12-25 | 2011-06-30 | コニカミノルタホールディングス株式会社 | Authentication device and authentication method |
| CN103903221A (en) * | 2012-12-24 | 2014-07-02 | 腾讯科技（深圳）有限公司 | Image generation method, image generation device and image generation system |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105205780B (en) * | 2015-10-19 | 2018-09-07 | 大唐网络有限公司 | Picture method of cutting out and device |
| CN110189250B (en) * | 2019-05-28 | 2023-03-24 | 成都依能科技股份有限公司 | Picture clipping method |
-
2019
- 2019-09-12 CN CN201910865015.7A patent/CN110568982B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101132480A (en) * | 2006-07-25 | 2008-02-27 | 富士胶片株式会社 | Image trimming apparatus |
| WO2011078056A1 (en) * | 2009-12-25 | 2011-06-30 | コニカミノルタホールディングス株式会社 | Authentication device and authentication method |
| CN103903221A (en) * | 2012-12-24 | 2014-07-02 | 腾讯科技（深圳）有限公司 | Image generation method, image generation device and image generation system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110568982A (en) | 2019-12-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110568982B (en) | Picture clipping method and device in online presentation, storage medium and equipment | |
| CN109168026B (en) | Instant video display method and device, terminal equipment and storage medium | |
| CN109460233B (en) | Method, device, terminal equipment and medium for updating native interface display of page | |
| JP7038226B2 (en) | Video processing methods, devices, terminals and media | |
| CN112004032B (en) | Video processing method, terminal device and storage medium | |
| CN110070496B (en) | Method and device for generating image special effect and hardware device | |
| CN111970571B (en) | Video production method, device, equipment and storage medium | |
| CN111258519B (en) | Screen split implementation method, device, terminal and medium | |
| US12019669B2 (en) | Method, apparatus, device, readable storage medium and product for media content processing | |
| CN110633380B (en) | Control method and device for picture processing interface, electronic equipment and readable medium | |
| WO2022111569A1 (en) | Page switching display method and apparatus, storage medium, and electronic device | |
| CN110674624A (en) | Method and system for editing image and text | |
| CN112000267A (en) | Information display method, device, equipment and storage medium | |
| CN110647369B (en) | Page dynamic display method and device, mobile terminal and storage medium | |
| WO2024140166A1 (en) | Special effect processing method and apparatus, electronic device, and storage medium | |
| US20240119970A1 (en) | Method and apparatus for multimedia resource clipping scenario, device and storage medium | |
| WO2024051639A1 (en) | Image processing method, apparatus and device, and storage medium and product | |
| CN112995401A (en) | Control display method, device, equipment and medium | |
| CN113190316A (en) | Interactive content generation method and device, storage medium and electronic equipment | |
| CN110381356B (en) | Audio and video generation method and device, electronic equipment and readable medium | |
| EP4383070A1 (en) | Page processing method, apparatus, device, and storage medium | |
| CN110650376B (en) | Method and device for realizing transition animation during video playing, mobile terminal and storage medium | |
| CN115981769A (en) | Page display method, device, equipment, computer readable storage medium and product | |
| CN115269920A (en) | Interaction method, interaction device, electronic equipment and storage medium | |
| CN111221455B (en) | Material display method and device, terminal 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 |