WO2022194211A1 - Image processing method and apparatus, electronic device and readable storage medium - Google Patents

Image processing method and apparatus, electronic device and readable storage medium Download PDF

Info

Publication number
WO2022194211A1
WO2022194211A1 PCT/CN2022/081208 CN2022081208W WO2022194211A1 WO 2022194211 A1 WO2022194211 A1 WO 2022194211A1 CN 2022081208 W CN2022081208 W CN 2022081208W WO 2022194211 A1 WO2022194211 A1 WO 2022194211A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
content
target
displayed
screen
Prior art date
Application number
PCT/CN2022/081208
Other languages
French (fr)
Chinese (zh)
Inventor
陈晓玲
Original Assignee
维沃移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 维沃移动通信有限公司 filed Critical 维沃移动通信有限公司
Publication of WO2022194211A1 publication Critical patent/WO2022194211A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04845Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the embodiments of the present application relate to the field of communications technologies, and in particular, to an image processing method, an apparatus, an electronic device, and a readable storage medium.
  • the user can save the content displayed on the screen through the screenshot function of the electronic device.
  • users can also use the long screenshot function to capture more content on a larger page in one screenshot operation.
  • the purpose of the embodiments of the present application is to provide an image processing method, apparatus, electronic device, and readable storage medium, which can solve the problem of complicated and inconvenient operations when browsing long screenshots.
  • an embodiment of the present application provides an image processing method, the method includes: in the case of displaying a first image, receiving a first input to a target area in the first image, and a third image corresponding to the target area is A part of the image in the first image, the third image includes the target content in the target area; in response to the first input, the second image is displayed; wherein the second image includes the target content; in the case of displaying the second image, the third image is displayed.
  • the target content in the second image does not exceed the display range of the screen.
  • the embodiments of the present application further provide an image processing device, the device includes: a receiving module and a display module; The first input of the target area, the third image corresponding to the target area is a part of the image in the first image, and the third image includes the target content in the target area; the display module is used for responding to the first input received by the receiving module. Two images; wherein, the second image includes the target content; when the second image is displayed, the target content in the second image does not exceed the display range of the screen.
  • an embodiment of the present application provides an electronic device, including a processor, a memory, and a program or instruction stored on the memory and executable on the processor, and the program or instruction is implemented when executed by the processor The steps of the image processing method according to the first aspect.
  • an embodiment of the present application provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or instruction is executed by a processor, the steps of the method according to the first aspect are implemented .
  • an embodiment of the present application provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or an instruction, and implement the first aspect the method described.
  • an embodiment of the present application provides a computer program product, where the computer program product is executed by at least one processor to implement the method according to the first aspect.
  • the manner of displaying the second image including the image content of the target area in the first image can make
  • the electronic device can completely display the content of the target area in the first image, and, when the second image is displayed, the content in the target area in the second image does not exceed the display range of the screen, so that the user does not need to perform other operations. , you can clearly browse the content you want to browse in the long screenshot on the electronic device.
  • FIG. 1 is a schematic diagram of a long screenshot provided by an embodiment of the present application.
  • FIG. 2 is one of the schematic diagrams of an interface to which an image processing method provided by an embodiment of the present application is applied;
  • FIG. 3 is a schematic flowchart of an image processing method provided by an embodiment of the present application.
  • FIG. 4 is a second schematic diagram of an interface to which an image processing method provided by an embodiment of the present application is applied;
  • FIG. 5 is a third schematic diagram of an interface to which an image processing method provided by an embodiment of the present application is applied;
  • FIG. 6 is a schematic structural diagram of an image processing apparatus provided by an embodiment of the present application.
  • FIG. 7 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • first, second and the like in the description and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It is to be understood that the data so used are interchangeable under appropriate circumstances so that the embodiments of the present application can be practiced in sequences other than those illustrated or described herein, and distinguish between “first”, “second”, etc.
  • the objects are usually of one type, and the number of objects is not limited.
  • the first object may be one or more than one.
  • “and/or” in the description and claims indicates at least one of the connected objects, and the character “/" generally indicates that the associated objects are in an "or” relationship.
  • the image processing method provided by the embodiment of the present application can be applied to a scenario in which a user browses a long screenshot on an electronic device.
  • FIG. 1 Exemplarily, for a scenario where a user browses a long screenshot on an electronic device, in the related art, as shown in FIG. 1 , it is a long screenshot.
  • the device will display the long screenshot as shown in (A) in Figure 2.
  • the content of the long screenshot will usually be zoomed. If the user wants to see the content in the long screenshot clearly, he needs to double-click input or two-finger sliding input to zoom in on the area he wants to view, so that the electronic device can follow the picture shown in the figure.
  • the image is displayed in the display mode shown in (B) in 2.
  • the electronic device in the case of displaying a long screenshot, through the user's first input to the target area, the electronic device can crop and enlarge the content of the target area, which is convenient for the user to view. At the same time, if there is undisplayed content in the cropped and enlarged image, the electronic device can also segment the image, and rearrange the segmented image, so that the user can clearly browse all the content in the target area.
  • a flowchart of an image processing method provided in an embodiment of the present application may include the following steps 201 and 202:
  • Step 201 In the case of displaying the first image, the image processing apparatus receives a first input to the target area in the first image.
  • the third image corresponding to the target area is a partial image in the first image, and the third image includes the target content in the target area.
  • the above-mentioned first image may be a long screenshot taken by the user, or may be a long screenshot received from other electronic devices, or may be a long image in a webpage or an application browsed by the user.
  • the electronic device may display the first image in a display manner as shown in (A) of FIG. 2 .
  • the above-mentioned first image may also be a picture that can be displayed on the screen in its entirety.
  • the above-mentioned third image can be understood as an intermediate image in the process of generating the second image by the image processing device. After processing, a second image is obtained.
  • the above-mentioned first input may be an input to the target area, for example, the above-mentioned first input may be a circle selection operation on the target area.
  • the image corresponding to the circled partial area is the third image.
  • the above-mentioned target area is the area in the first image that the user wants to view.
  • the target area may be an area of a preset size, or may be an area determined by the user through the first input or other inputs.
  • the above-mentioned first input may include a first sub-input and a second sub-input.
  • the above-mentioned target area may be a selection box with a preset size displayed by the image processing apparatus after receiving the first sub-input from the user, and then the user may adjust the size and position of the selection box through the second sub-input to determine the target area.
  • a selection box 41 can be displayed, and the user can adjust the frame selection range of the selection box.
  • the image processing apparatus displays a third image corresponding to the selection frame, and the third image includes the content in the selection frame.
  • Step 202 The image processing apparatus displays a second image in response to the above-mentioned first input.
  • the second image includes the content in the target area, and when the second image is displayed, the content in the target area in the second image does not exceed the display range of the screen.
  • the image processing apparatus may perform the target operation after responding to the above-mentioned first input, thereby generating the second image.
  • the above-mentioned target operation may be a cropping operation of the image processing apparatus on the first image, and/or a scaling (reduction and enlargement) operation. Further, the above-mentioned target operation may further include a segmentation operation on the third image by the image processing apparatus, and after the segmentation operation, the above-mentioned target operation may further include a stitching operation on the divided images.
  • the second image may be an image that is cropped and/or scaled by the image processing device, or the third image may be segmented and re-spliced by the image processing device.
  • the second image is generated, and when the second image is displayed, the target content of the above target area can be completely displayed.
  • the second image containing the content in the target area is displayed, and since in the case of displaying the second image, the second image is displayed.
  • the content in the target area in the image does not exceed the display range of the screen, so that the electronic device can completely display the content in the target area in the first image, and the user can clearly browse the long screenshot on the electronic device without performing any other operations. Content to browse.
  • the image processing apparatus may display the second image in a preset display manner.
  • the above target content includes text content
  • the image processing method provided by this embodiment of the present application may further include the following step 202a:
  • Step 202a the image processing device adjusts the third image to be displayed in the first size, and if the target content in the third image displayed in the first size does not exceed the display range of the screen, the adjusted third image is determined as: second image.
  • the character size of the text content in the second image is greater than or equal to the target character size, and the target character size is the size of the smallest character displayed by the operating system.
  • the image processing apparatus in order to facilitate the user to browse, can perform adaptive adjustment on the cropped image (that is, the above-mentioned third image), and adjust the display size of the third image, The size of the characters in the third image is made convenient for the user to browse.
  • the image processing apparatus can determine the acceptable character size in the daily use of the user by recording the user's usage habits, for example, through the setting of the system font or the setting of the page zoom.
  • the minimum font size that the user can accept can also be determined by acquiring the minimum font that comes with the electronic device system, that is, the minimum character size that the user can accept is the target character size.
  • the character size of the text content in the third image is greater than or equal to the character size acceptable to the user, that is, the character size of the text content in the third image is greater than or equal to the target character size.
  • the adjusted third image may be determined as the second image. That is, the character size of the text content in the second image is greater than or equal to the target character size.
  • the third image containing the text content can be easily browsed by the user, without requiring the user to perform an enlarging operation, thereby improving the browsing efficiency of the user.
  • the image processing apparatus may Segmentation is performed, and the segmented image is re-spliced, and the re-spliced image is determined as the second image.
  • the above-mentioned third image is not the image finally displayed, but the second image obtained by adjusting the third image is the image finally displayed by the image processing apparatus.
  • the image processing device Long screenshots can be segmented and the segmented images can be re-stitched.
  • the image processing method provided in this embodiment of the present application may further include the following step 202b:
  • Step 202b when the first content in the third image exceeds the display range of the screen, the image processing device divides the third image, re-splices the segmented images, and determines the re-spliced images as second image.
  • the above-mentioned target content includes the first content
  • the segmented image includes a first sub-image and a second sub-image
  • the second sub-image includes the first content
  • the image processing apparatus can cut and divide the first content beyond the display range of the screen, and obtain a second image by re-splicing, so that when the image processing device displays the second image, the first content can be displayed on the screen. within the range.
  • the third image is adjusted to be displayed in the first size
  • the third image is cropped and segmented, and the second image is obtained by re-splicing, so that all the content (target content) in the re-spliced second image can be displayed on the screen.
  • the image processing apparatus divides the third image into a first sub-image and a second sub-image, the second sub-image includes the first content, and the first sub-image includes the target content except the first content. Second content.
  • the image processing apparatus when displaying the second image obtained after performing the target operation, can completely display all the contents in the second image. And, the character size of the content contained in the second image is greater than or equal to the target character size. That is, the first sub-image and the second sub-image can be adaptively resized, and the character size in the first sub-image and the second sub-image is greater than or equal to the target character size.
  • the image processing apparatus divides the third image
  • the division is performed according to the principle of the smallest display unit.
  • the image processing apparatus will not divide the content in the same cell into two sub-images when dividing the third image. , at this time, the minimum display unit of the third image is one cell.
  • the image processing device can perform image segmentation on the third image, and splicing it into an image as shown in (B) in FIG. 5 , so that the image processing device can completely display the user-selected area. table content in .
  • the image processing device can divide the third image, re-splicing the divided content, and generate the second image, so that the image processing device can In the case of displaying the second image, the target capacity of the target area can be completely displayed within the display range of the screen.
  • the above-mentioned first content may be located in the horizontal direction or the vertical direction of the third image, and in the case where the content in different directions cannot be completely displayed, the image processing apparatus may perform the following principles on the third image: Image for image segmentation.
  • step 202b may further include the following step 202b1:
  • Step 202b1 When the first content exceeds the display range of the screen along the first direction, the image processing apparatus splices the first sub-image and the second sub-image along the second direction, and the first direction is perpendicular to the second direction.
  • the image processing device can perform image segmentation on the content in the target area that cannot be displayed on the screen, and re-splices the segmented images.
  • the image processing apparatus may divide the above-mentioned first content and divide the obtained second sub-image. It is spliced in the longitudinal direction of the first sub-image, so that the image processing apparatus can display the first content when the second image is displayed.
  • the content that cannot be displayed on the screen in the above target area is: a third image obtained after the image processing device only crops and zooms the target area in the first image, and when the third image is displayed , the above-mentioned first content in the third image cannot be displayed on the screen, therefore, the image processing device needs to process the third image to obtain a second image, so that when the second image is displayed, the above-mentioned target content can be The complete display is within the display range of the screen.
  • the image processing device can splicing the cell content that exceeds the display range of the screen in the horizontal axis direction.
  • the image processing device can splicing the cell content in the vertical axis direction beyond the screen display range to the horizontal axis direction.
  • the image processing apparatus can splicing the content that cannot be completely displayed in the first direction in the target area along the second direction, so that the user can completely view the content in the target area on the screen.
  • the electronic device in the case of displaying the first image, through the first input of the user to the target area, the electronic device can crop and enlarge the content of the target area, which is convenient for the user to view. At the same time, if there is some undisplayed content in the cropped and enlarged image, the electronic device can directly segment the content of the target area of the first image, and rearrange the segmented image, so that the user can clearly and completely 's browse all content in the target area.
  • the execution subject may be an image processing apparatus, or a control module in the image processing apparatus for executing the image processing method.
  • the image processing apparatus provided by the embodiments of the present application is described by taking an image processing apparatus executing an image processing method as an example.
  • FIG. 6 is a schematic diagram of a possible structure for implementing an image processing apparatus provided by an embodiment of the present application.
  • the image processing apparatus 600 includes: a receiving module 601 and a display module 602; the receiving module 601 is used for displaying In the case of the first image, the first input to the target area in the first image is received, the third image corresponding to the target area is a partial image in the first image, and the third image includes the target content in the target area; the display module 602, for displaying a second image in response to the first input received by the receiving module 601; wherein, the second image includes target content; in the case of displaying the second image, the target content in the second image does not exceed the display of the screen scope.
  • the display module 602 is specifically configured to perform a target operation to display the second image, wherein the target operation includes at least one of the following: cropping operation, zooming operation, dividing operation, and splicing operation.
  • the image processing apparatus 600 further includes: a processing module 603; the processing module 603 is configured to, when the first content in the third image exceeds the display range of the screen, Segmentation is performed, the segmented images are re-spliced, and the re-spliced image is determined as the second image; wherein, the target content includes the first content, the segmented image includes the first sub-image and the second sub-image, and the second The sub-image includes the first content.
  • the target content includes text content
  • the processing module 603 is configured to adjust the third image to be displayed in the first size, if the target content in the third image displayed in the first size is not If it exceeds the display range of the screen, the adjusted third image is determined as the second image; wherein, the character size of the text content in the second image is greater than or equal to the target character size, and the target character size is the smallest character displayed by the operating system. size.
  • the processing module 603 is specifically configured to process the third image displayed in the first size if the first content in the third image displayed in the first size exceeds the display range of the screen. segmentation, and re-splicing the segmented image, and determining the re-spliced image as the second image.
  • the processing module 603 is specifically configured to stitch the first sub-image and the second sub-image along the second direction when the first content exceeds the display range of the screen along the first direction.
  • the first direction is perpendicular to the second direction.
  • the image processing apparatus in this embodiment of the present application may be an apparatus, or may be a component, an integrated circuit, or a chip in a terminal.
  • the apparatus may be a mobile electronic device or a non-mobile electronic device.
  • the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palmtop computer, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (personal digital assistant).
  • UMPC ultra-mobile personal computer
  • PDA personal digital assistant
  • non-mobile electronic devices can be servers, network attached storage (Network Attached Storage, NAS), personal computer (personal computer, PC), television (television, TV), teller machine or self-service machine, etc., this application Examples are not specifically limited.
  • the image processing apparatus in this embodiment of the present application may be an apparatus having an operating system.
  • the operating system may be an Android (Android) operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiments of the present application.
  • the image processing apparatus provided in the embodiments of the present application can implement each process implemented by the image processing apparatus in the method embodiments of FIG. 2 to FIG. 5 , and to avoid repetition, details are not described here.
  • the image processing apparatus in the case of displaying the first image, enables the electronic device to crop and enlarge the content of the target area through the user's first input to the target area, which is convenient for the user to view. At the same time, if there is some undisplayed content in the cropped and enlarged image, the electronic device can directly segment the content of the target area of the first image, and rearrange the segmented image, so that the user can clearly and completely 's browse all content in the target area.
  • an embodiment of the present application further provides an electronic device, including a processor 110, a memory 109, a program or instruction stored in the memory 109 and executable on the processor 110, the program or instruction being processed by the processor
  • an electronic device including a processor 110, a memory 109, a program or instruction stored in the memory 109 and executable on the processor 110, the program or instruction being processed by the processor
  • the electronic devices in the embodiments of the present application include the aforementioned mobile electronic devices and non-mobile electronic devices.
  • FIG. 7 is a schematic diagram of a hardware structure of an electronic device implementing various embodiments of the present application.
  • the electronic device 100 includes but is not limited to: a radio frequency unit 101, a network module 102, an audio output unit 103, an input unit 104, a sensor 105, a display unit 106, a user input unit 107, an interface unit 108, a memory 109, and a processor 110, etc. part.
  • the electronic device 100 may also include a power source (such as a battery) for supplying power to various components, and the power source may be logically connected to the processor 110 through a power management system, so as to manage charging, discharging, and power management through the power management system. consumption management and other functions.
  • a power source such as a battery
  • the structure of the electronic device shown in FIG. 7 does not constitute a limitation on the electronic device.
  • the electronic device may include more or less components than the one shown, or combine some components, or arrange different components, which will not be repeated here. .
  • the user input unit 107 is configured to receive a first input to a target area in the first image when the first image is displayed, and the third image corresponding to the target area is in the first image.
  • the third image includes the target content in the target area;
  • the display unit 106 is configured to display the second image in response to the first input received by the user input unit 107; wherein, the second image The target content is included; when the second image is displayed, the target content in the second image does not exceed the display range of the screen.
  • the manner of displaying the second image including the image content of the target area in the first image can enable the electronic device to completely display The content of the target area in the first image, and, when the second image is displayed, the content in the target area in the second image does not exceed the display range of the screen, so that the user does not need to perform other operations to display the content in the electronic Clearly browse what you want to see in long screenshots on your device.
  • the display unit 106 is specifically configured to perform a target operation to display the second image; wherein the target operation includes at least one of the following: cropping operation, zooming operation, dividing operation, and splicing operation.
  • the image processing apparatus 600 further includes: a processor 110; the processor 110 is configured to, when the first content in the third image exceeds the display range of the screen, The third image is segmented, the segmented images are re-spliced, and the re-spliced image is determined as the second image; wherein, the target content includes the first content, and the segmented image is determined as the second image.
  • the image includes a first sub-image and a second sub-image, the second sub-image including the first content.
  • the processor 110 is specifically configured to, if the first content in the third image displayed in the first size exceeds the display range of the screen, perform processing on the third image in the first size.
  • the third image displayed in one size is segmented, the segmented images are re-spliced, and the re-spliced image is determined as the second image.
  • the image processing apparatus can adjust the size and character size of the third image, so that the second image obtained after adjusting the third image can completely display the target content in the target area without affecting the user's perception of the image content. browsing.
  • the target content includes text content
  • the processor 110 is configured to adjust the third image to be displayed in a first size, if the third image is displayed in the first size If the target content in the third image does not exceed the display range of the screen, the adjusted third image is determined as the second image; wherein the character size of the text content in the second image is larger than or Equal to the target character size, which is the size of the smallest character displayed by the operating system.
  • the image processing device can divide the third image, re-splicing the divided content, and generate the second image, so that the image processing device can In the case of displaying the second image, the target capacity of the target area can be completely displayed within the display range of the screen.
  • the processor 110 is specifically configured to, in the case that the first content exceeds the display range of the screen in the first direction, the first sub-image and the first sub-image The two sub-images are spliced along a second direction, and the first direction is perpendicular to the second direction.
  • the image processing apparatus can splicing the content that cannot be completely displayed in the first direction in the target area along the second direction, so that the user can completely view the content in the target area on the screen.
  • the electronic device provided by the embodiment of the present application in the case of displaying the first image, enables the electronic device to crop and enlarge the content of the target area through the user's first input to the target area, which is convenient for the user to view. At the same time, if there is some undisplayed content in the cropped and enlarged image, the electronic device can directly segment the content of the target area of the first image, and rearrange the segmented image, so that the user can clearly and completely 's browse all content in the target area.
  • the input unit 104 may include a graphics processor (Graphics Processing Unit, GPU) 1041 and a microphone 1042. Such as camera) to obtain still pictures or video image data for processing.
  • the display unit 106 may include a display panel 1061, which may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like.
  • the user input unit 107 includes a touch panel 1071 and other input devices 1072 .
  • the touch panel 1071 is also called a touch screen.
  • the touch panel 1071 may include two parts, a touch detection device and a touch controller.
  • Other input devices 1072 may include, but are not limited to, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which are not described herein again.
  • Memory 109 may be used to store software programs as well as various data including, but not limited to, application programs and operating systems.
  • the processor 110 may integrate an application processor and a modem processor, wherein the application processor mainly processes an operating system, a user interface, and an application program, and the like, and the modem processor mainly processes wireless communication. It can be understood that, the above-mentioned modulation and demodulation processor may not be integrated into the processor 110 .
  • the embodiments of the present application further provide a readable storage medium, where a program or an instruction is stored on the readable storage medium.
  • a program or an instruction is stored on the readable storage medium.
  • the processor is the processor in the electronic device described in the foregoing embodiments.
  • the readable storage medium includes a computer-readable storage medium, such as a computer read-only memory (Read-Only Memory, ROM), a random access memory (Random Access Memory, RAM), a magnetic disk or an optical disk, and the like.
  • An embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or an instruction to implement the above image processing method embodiments.
  • the chip includes a processor and a communication interface
  • the communication interface is coupled to the processor
  • the processor is configured to run a program or an instruction to implement the above image processing method embodiments.
  • the chip mentioned in the embodiments of the present application may also be referred to as a system-on-chip, a system-on-chip, a system-on-a-chip, or a system-on-a-chip, or the like.
  • the method of the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation.
  • the technical solution of the present application can be embodied in the form of a software product in essence or in a part that contributes to the prior art, and the computer software product is stored in a storage medium (such as ROM/RAM, magnetic disk, CD-ROM), including several instructions to make an electronic device (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to execute the methods described in the various embodiments of the present application.
  • a storage medium such as ROM/RAM, magnetic disk, CD-ROM

Abstract

Disclosed in the present application are an image processing method and apparatus, an electronic device and a readable storage medium, belonging to the technical field of communications. The method comprises: insofar as a first image is displayed, receiving a first input for a target area in the first image, wherein a third image corresponding to the target area is part of the first image, and comprises target content in the target area; and in response to the first input, displaying a second image, wherein the second image comprises the target content; and insofar as the second image is displayed, the target content in the second image does not go beyond a display range of a screen.

Description

图像处理方法、装置、电子设备及可读存储介质Image processing method, apparatus, electronic device and readable storage medium
相关申请的交叉引用CROSS-REFERENCE TO RELATED APPLICATIONS
本申请主张在2021年03月18日在中国提交的中国专利申请号202110293020.2的优先权,其全部内容通过引用包含于此。This application claims priority to Chinese Patent Application No. 202110293020.2 filed in China on March 18, 2021, the entire contents of which are hereby incorporated by reference.
技术领域technical field
本申请实施例涉及通信技术领域,尤其涉及一种图像处理方法、装置、电子设备及可读存储介质。The embodiments of the present application relate to the field of communications technologies, and in particular, to an image processing method, an apparatus, an electronic device, and a readable storage medium.
背景技术Background technique
随着电子设备技术的发展,用户使用电子设备的频率越来越高,当用户想要保存当前屏幕上的显示内容时,用户可以使用电子设备的截图功能。With the development of electronic device technology, users use electronic devices more and more frequently. When the user wants to save the content displayed on the current screen, the user can use the screenshot function of the electronic device.
在相关技术中,用户可以通过电子设备的截图功能,保存屏幕上显示的内容。同时,用户还可以通过长截图功能,在一次截屏操作中,实现更大页面更多内容的截取操作。In the related art, the user can save the content displayed on the screen through the screenshot function of the electronic device. At the same time, users can also use the long screenshot function to capture more content on a larger page in one screenshot operation.
然而,当用户浏览内容较多的长截图时,由于屏幕显示范围的限制,长截图中的很多内容无法完整的显示在屏幕上。若用户想要浏览更多的内容,通常需要进行多次平移操作,操作过程繁琐。However, when a user browses a long screenshot with many contents, many contents in the long screenshot cannot be completely displayed on the screen due to the limitation of the display range of the screen. If the user wants to browse more content, it usually needs to perform multiple panning operations, and the operation process is cumbersome.
发明内容SUMMARY OF THE INVENTION
本申请实施例的目的是提供一种图像处理方法、装置、电子设备及可读存储介质,能够解决在浏览长截图时,操作繁琐、不方便的问题。The purpose of the embodiments of the present application is to provide an image processing method, apparatus, electronic device, and readable storage medium, which can solve the problem of complicated and inconvenient operations when browsing long screenshots.
第一方面,本申请实施例提供一种图像处理方法,该方法包括:在显示有第一图像的情况下,接收对第一图像中目标区域的第一输入,目标区域对应的第三图像为第一图像中的部分图像,第三图像中包括目标区域中的目标内容;响应于第一输入,显示第二图像;其中,第二图像包括目标内容;在显示第二图像的情况下,第二图像中的目标内容未超出屏幕的显示范围。In a first aspect, an embodiment of the present application provides an image processing method, the method includes: in the case of displaying a first image, receiving a first input to a target area in the first image, and a third image corresponding to the target area is A part of the image in the first image, the third image includes the target content in the target area; in response to the first input, the second image is displayed; wherein the second image includes the target content; in the case of displaying the second image, the third image is displayed. The target content in the second image does not exceed the display range of the screen.
第二方面,本申请实施例还提供了一种图像处理装置,该装置包括:接收模块和 显示模块;接收模块,用于在显示有第一图像的情况下,接收对第一图像中目标区域的第一输入,目标区域对应的第三图像为第一图像中的部分图像,第三图像中包括目标区域中的目标内容;显示模块,用于响应于接收模块接收的第一输入,显示第二图像;其中,第二图像包括目标内容;在显示第二图像的情况下,第二图像中的目标内容未超出屏幕的显示范围。In a second aspect, the embodiments of the present application further provide an image processing device, the device includes: a receiving module and a display module; The first input of the target area, the third image corresponding to the target area is a part of the image in the first image, and the third image includes the target content in the target area; the display module is used for responding to the first input received by the receiving module. Two images; wherein, the second image includes the target content; when the second image is displayed, the target content in the second image does not exceed the display range of the screen.
第三方面,本申请实施例提供了一种电子设备,包括处理器、存储器及存储在该存储器上并可在该处理器上运行的程序或指令,该程序或指令被该处理器执行时实现如第一方面所述的图像处理方法的步骤。In a third aspect, an embodiment of the present application provides an electronic device, including a processor, a memory, and a program or instruction stored on the memory and executable on the processor, and the program or instruction is implemented when executed by the processor The steps of the image processing method according to the first aspect.
第四方面,本申请实施例提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。In a fourth aspect, an embodiment of the present application provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or instruction is executed by a processor, the steps of the method according to the first aspect are implemented .
第五方面,本申请实施例提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现如第一方面所述的方法。In a fifth aspect, an embodiment of the present application provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or an instruction, and implement the first aspect the method described.
第六方面,本申请实施例提供了一种计算机程序产品,所述计算机程序产品被至少一个处理器执行以实现如第一方面所述的方法。In a sixth aspect, an embodiment of the present application provides a computer program product, where the computer program product is executed by at least one processor to implement the method according to the first aspect.
在本申请实施例中,在显示第一图像的情况下,若接收到用户对目标区域的第一输入,则显示包含有第一图像中目标区域的图像内容的第二图像的方式,可以使得电子设备能够完整显示第一图像中目标区域的内容,并且,由于在显示第二图像的情况下,第二图像中的目标区域中的内容未超出屏幕的显示范围,使得用户无需再执行其他操作,便可在电子设备上清晰的浏览长截图中想要浏览的内容。In the embodiment of the present application, in the case of displaying the first image, if the user's first input to the target area is received, the manner of displaying the second image including the image content of the target area in the first image can make The electronic device can completely display the content of the target area in the first image, and, when the second image is displayed, the content in the target area in the second image does not exceed the display range of the screen, so that the user does not need to perform other operations. , you can clearly browse the content you want to browse in the long screenshot on the electronic device.
附图说明Description of drawings
图1是本申请实施例提供的一种长截图示意图;1 is a schematic diagram of a long screenshot provided by an embodiment of the present application;
图2是本申请实施例提供的一种图像处理方法所应用的界面的示意图之一;FIG. 2 is one of the schematic diagrams of an interface to which an image processing method provided by an embodiment of the present application is applied;
图3是本申请实施例提供的一种图像处理方法流程示意图;3 is a schematic flowchart of an image processing method provided by an embodiment of the present application;
图4是本申请实施例提供的一种图像处理方法所应用的界面的示意图之二;4 is a second schematic diagram of an interface to which an image processing method provided by an embodiment of the present application is applied;
图5是本申请实施例提供的一种图像处理方法所应用的界面的示意图之三;5 is a third schematic diagram of an interface to which an image processing method provided by an embodiment of the present application is applied;
图6是本申请实施例提供的一种图像处理装置结构示意图;FIG. 6 is a schematic structural diagram of an image processing apparatus provided by an embodiment of the present application;
图7是本申请实施例提供的一种电子设备的结构示意图。FIG. 7 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
具体实施方式Detailed ways
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the protection scope of the present application.
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象,而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施,且“第一”、“第二”等所区分的对象通常为一类,并不限定对象的个数,例如第一对象可以是一个,也可以是多个。此外,说明书以及权利要求中“和/或”表示所连接对象的至少其中之一,字符“/”,一般表示前后关联对象是一种“或”的关系。The terms "first", "second" and the like in the description and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It is to be understood that the data so used are interchangeable under appropriate circumstances so that the embodiments of the present application can be practiced in sequences other than those illustrated or described herein, and distinguish between "first", "second", etc. The objects are usually of one type, and the number of objects is not limited. For example, the first object may be one or more than one. In addition, "and/or" in the description and claims indicates at least one of the connected objects, and the character "/" generally indicates that the associated objects are in an "or" relationship.
本申请实施例提供的图像处理方法可以应用于用户在电子设备上浏览长截图的场景中。The image processing method provided by the embodiment of the present application can be applied to a scenario in which a user browses a long screenshot on an electronic device.
示例性的,针对用户在电子设备上浏览长截图的场景,在相关技术中,如图1所示,为一张长截图,当用户在电子设备上浏览该长截图时,通常情况下,电子设备会按照如图2中(A)所示的显示方式显示该长截图。在此显示方式下,通常长截图内容会被缩放,若用户想要看清楚长截图中的内容,需要通过双击输入或双指滑动输入来放大想要查看的区域,使得电子设备能够按照如图2中(B)所示的显示方式显示图像。同时,对于含有表格内容的长截图,在放大图像后,受限于屏幕的大小,同一行或同一列的内容并不能完整的显示在屏幕上,还需要用户通过滑动的方式浏览未显示的内容,操作较为繁琐。Exemplarily, for a scenario where a user browses a long screenshot on an electronic device, in the related art, as shown in FIG. 1 , it is a long screenshot. The device will display the long screenshot as shown in (A) in Figure 2. In this display mode, the content of the long screenshot will usually be zoomed. If the user wants to see the content in the long screenshot clearly, he needs to double-click input or two-finger sliding input to zoom in on the area he wants to view, so that the electronic device can follow the picture shown in the figure. The image is displayed in the display mode shown in (B) in 2. At the same time, for long screenshots containing table content, after the image is enlarged, the content of the same row or column cannot be completely displayed on the screen due to the size of the screen, and the user needs to browse the undisplayed content by swiping. , the operation is more complicated.
针对这一问题,在本申请实施例提供的技术方案中,在显示长截图的情况下,通过用户对目标区域的第一输入,使得电子设备能够裁剪并放大目标区域的内容,方便用户查看。同时,若经过裁剪放大后的图像存在部分未被显示的内容,则电子设备还可以对图像进行分割,并对分割后的图像进行重新排版,使得用户能够清晰的浏览目标区域中的所有内容。In response to this problem, in the technical solutions provided by the embodiments of the present application, in the case of displaying a long screenshot, through the user's first input to the target area, the electronic device can crop and enlarge the content of the target area, which is convenient for the user to view. At the same time, if there is undisplayed content in the cropped and enlarged image, the electronic device can also segment the image, and rearrange the segmented image, so that the user can clearly browse all the content in the target area.
下面结合附图,通过具体的实施例及其应用场景对本申请实施例提供的图像处理方法进行详细地说明。The image processing method provided by the embodiments of the present application will be described in detail below through specific embodiments and application scenarios with reference to the accompanying drawings.
如图3所示,本申请实施例提供的一种图像处理方法的流程图,该方法可以包括下述步骤201和步骤202:As shown in FIG. 3 , a flowchart of an image processing method provided in an embodiment of the present application may include the following steps 201 and 202:
步骤201、在显示第一图像的情况下,图像处理装置接收对第一图像中目标区域的第一输入。Step 201: In the case of displaying the first image, the image processing apparatus receives a first input to the target area in the first image.
其中,上述目标区域对应的第三图像为第一图像中的部分图像,该第三图像中包括所述目标区域中的目标内容。Wherein, the third image corresponding to the target area is a partial image in the first image, and the third image includes the target content in the target area.
示例性地,上述第一图像可以为用户截取的长截图,也可以为接收其他电子设备发送的长截图,还可以为用户浏览的网页或应用中的长图。用户在电子设备上浏览该第一图像时,电子设备可能会按照如图2中(A)所示的显示方式显示该第一图像。Exemplarily, the above-mentioned first image may be a long screenshot taken by the user, or may be a long screenshot received from other electronic devices, or may be a long image in a webpage or an application browsed by the user. When the user browses the first image on the electronic device, the electronic device may display the first image in a display manner as shown in (A) of FIG. 2 .
可以理解的,上述第一图像还可以为可以在屏幕全部显示的图片。It can be understood that the above-mentioned first image may also be a picture that can be displayed on the screen in its entirety.
示例性地,上述第三图像可以理解为图像处理装置在生成第二图像过程中的中间图像,图像处理装置可以首先获取第一图像的目标区域的第三图像,并在对该第三图像进行处理后,得到第二图像。Exemplarily, the above-mentioned third image can be understood as an intermediate image in the process of generating the second image by the image processing device. After processing, a second image is obtained.
示例性地,上述第一输入可以为对目标区域的输入,例如,上述第一输入可以为对目标区域的圈选操作。具体地,圈选的部分区域对应的图像为第三图像示例性地,上述目标区域为第一图像中用户想要查看的区域。该目标区域可以为预设大小的区域,也可以为用户通过第一输入或其他输入确定的区域。Exemplarily, the above-mentioned first input may be an input to the target area, for example, the above-mentioned first input may be a circle selection operation on the target area. Specifically, the image corresponding to the circled partial area is the third image. Exemplarily, the above-mentioned target area is the area in the first image that the user wants to view. The target area may be an area of a preset size, or may be an area determined by the user through the first input or other inputs.
在一种可能的实现方式中,上述第一输入可以包括第一子输入和第二子输入。上述目标区域可以为图像处理装置接收到用户的第一子输入后,显示预设大小的选择框,之后,用户可以通过第二子输入调整该选择框的大小和位置,进而确定该目标区域。In a possible implementation manner, the above-mentioned first input may include a first sub-input and a second sub-input. The above-mentioned target area may be a selection box with a preset size displayed by the image processing apparatus after receiving the first sub-input from the user, and then the user may adjust the size and position of the selection box through the second sub-input to determine the target area.
举例说明,如图4中(A)所示,图像处理装置接收到用户的按压输入(即上述第一子输入)后,可以显示选择框41,用户可以调整该选择框的框选范围。之后,如图4中(B)所示,图像处理装置显示该选择框对应的第三图像,第三图像中包括该选择框中的内容。For example, as shown in FIG. 4(A), after the image processing apparatus receives the user's pressing input (ie, the above-mentioned first sub-input), a selection box 41 can be displayed, and the user can adjust the frame selection range of the selection box. Afterwards, as shown in (B) in FIG. 4 , the image processing apparatus displays a third image corresponding to the selection frame, and the third image includes the content in the selection frame.
步骤202、图像处理装置响应于上述第一输入,显示第二图像。Step 202: The image processing apparatus displays a second image in response to the above-mentioned first input.
其中,上述第二图像中包括目标区域中的内容、且在显示第二图像的情况下,上述第二图像中的目标区域中的内容未超出屏幕的显示范围。Wherein, the second image includes the content in the target area, and when the second image is displayed, the content in the target area in the second image does not exceed the display range of the screen.
示例性地,图像处理装置可以在响应于上述第一输入后,执行目标操作,进而生成第 二图像。Exemplarily, the image processing apparatus may perform the target operation after responding to the above-mentioned first input, thereby generating the second image.
示例性地,上述目标操作可以为图像处理装置对第一图像的裁剪操作,和/或,缩放(缩小放大)操作。进一步地,上述目标操作还可以包括图像处理装置对第三图像的分割操作,并且,在分割操作后,上述目标操作还可以包括对分割后的图像的拼接操作。Exemplarily, the above-mentioned target operation may be a cropping operation of the image processing apparatus on the first image, and/or a scaling (reduction and enlargement) operation. Further, the above-mentioned target operation may further include a segmentation operation on the third image by the image processing apparatus, and after the segmentation operation, the above-mentioned target operation may further include a stitching operation on the divided images.
示例性地,上述第二图像可以为第三图像经过图像处理装置裁剪和/或缩放后的图像,也可以为上述第三图像经过图像处理装置分割并重新拼接后的图像。Exemplarily, the second image may be an image that is cropped and/or scaled by the image processing device, or the third image may be segmented and re-spliced by the image processing device.
示例性地,图像处理装置对第三图像执行目标操作后,生成第二图像,并在显示第二图像的情况下,能够完整显示上述目标区域的目标内容。Exemplarily, after the image processing apparatus performs the target operation on the third image, the second image is generated, and when the second image is displayed, the target content of the above target area can be completely displayed.
如此,在显示第一图像的情况下,若接收到用户对目标区域的第一输入,则显示包含有目标区域中内容的第二图像,并且,由于在显示第二图像的情况下,第二图像中的目标区域中的内容未超出屏幕的显示范围,使得电子设备能够完整显示第一图像中目标区域的内容,用户无需再执行其他操作,便可在电子设备上清晰的浏览长截图中想要浏览的内容。In this way, in the case of displaying the first image, if the user's first input to the target area is received, the second image containing the content in the target area is displayed, and since in the case of displaying the second image, the second image is displayed. The content in the target area in the image does not exceed the display range of the screen, so that the electronic device can completely display the content in the target area in the first image, and the user can clearly browse the long screenshot on the electronic device without performing any other operations. Content to browse.
可选地,为了使得图像处理装置在显示上述第二图像的情况下,第二图像中的目标内容不会超出屏幕的显示范围,图像处理装置可以按照预设显示方式显示上述第二图像。Optionally, in order to prevent the target content in the second image from exceeding the display range of the screen when the image processing apparatus displays the second image, the image processing apparatus may display the second image in a preset display manner.
示例性地,上述目标内容包括文字内容,在上述步骤202之前,本申请实施例提供的图像处理方法,还可以包括以下步骤202a:Exemplarily, the above target content includes text content, and before the above step 202, the image processing method provided by this embodiment of the present application may further include the following step 202a:
步骤202a、图像处理装置将上述第三图像调整至以第一尺寸显示,若以第一尺寸显示的第三图像中的目标内容未超出屏幕的显示范围,则将调整后的第三图像确定为第二图像。Step 202a, the image processing device adjusts the third image to be displayed in the first size, and if the target content in the third image displayed in the first size does not exceed the display range of the screen, the adjusted third image is determined as: second image.
其中,上述第二图像中的文字内容的字符尺寸大于或者等于目标字符尺寸,该目标字符尺寸为操作系统显示的最小字符的尺寸。Wherein, the character size of the text content in the second image is greater than or equal to the target character size, and the target character size is the size of the smallest character displayed by the operating system.
可以理解的,在目标内容中包括文字内容的情况下,为了方便用户浏览,图像处理装置可以对裁剪后的图像(即上述第三图像)进行适应性调整,调整该第三图像的显示尺寸,使得第三图像中的文字字符大小便于用户浏览。It can be understood that, in the case where the target content includes text content, in order to facilitate the user to browse, the image processing apparatus can perform adaptive adjustment on the cropped image (that is, the above-mentioned third image), and adjust the display size of the third image, The size of the characters in the third image is made convenient for the user to browse.
具体地,图像处理装置可以通过记录用户的使用习惯,例如,通过系统字体的设置,或网页缩放的设置,确定用户日常使用过程中可接受的字符尺寸。也可以通过获取该电子设备系统自带的最小字体,将其确定用户可接收的最小字符尺寸,即,用户可接收的最小 字符尺寸为目标字符尺寸。Specifically, the image processing apparatus can determine the acceptable character size in the daily use of the user by recording the user's usage habits, for example, through the setting of the system font or the setting of the page zoom. The minimum font size that the user can accept can also be determined by acquiring the minimum font that comes with the electronic device system, that is, the minimum character size that the user can accept is the target character size.
将上述第三图像调整至以第一尺寸显示,此时,第三图像中的文字内容的字符尺寸大于等于用户可接收的字符尺寸,即,第三图像中的文字内容的字符尺寸大于等于目标字符尺寸。Adjusting the above-mentioned third image to be displayed in the first size, at this time, the character size of the text content in the third image is greater than or equal to the character size acceptable to the user, that is, the character size of the text content in the third image is greater than or equal to the target character size.
若调整显示尺寸后的第三图像中的目标内容未超出屏幕的显示范围,则可以将调整后的第三图像确定为第二图像。即,第二图像中文字内容的字符尺寸大于等于目标字符尺寸。If the target content in the third image after adjustment of the display size does not exceed the display range of the screen, the adjusted third image may be determined as the second image. That is, the character size of the text content in the second image is greater than or equal to the target character size.
可以理解的是,通常情况下,电子设备在对图像进行缩小放大时,并不会考虑缩放后的图像是否影响用户浏览,而本申请实施例中提供的图像处理方法,在对图像进行缩小放大时,始终保持图像中文字内容的字符尺寸大于或者等于用户日常使用电子设备时设置的字符尺寸。It can be understood that, under normal circumstances, when the electronic device zooms in and out of an image, it does not consider whether the zoomed image affects the user's browsing, and the image processing method provided in the embodiments of the present application Always keep the character size of the text content in the image larger than or equal to the character size set by the user when using the electronic device every day.
在这种方式中,通过对第三图像的尺寸进行调整,使得包含文字内容的第三图像中能够便于用户浏览,而不再需要用户进行放大的操作,提高了用户浏览的效率。In this manner, by adjusting the size of the third image, the third image containing the text content can be easily browsed by the user, without requiring the user to perform an enlarging operation, thereby improving the browsing efficiency of the user.
在一种可能的实现方式中,若图像处理装置以第一尺寸显示的第三图像中的第一内容超出所述屏幕的显示范围,则图像处理装置可以对以第一尺寸显示的第三图像进行分割,并对分割后的图像重新拼接,将重新拼接后的图像确定为第二图像。In a possible implementation manner, if the first content in the third image displayed in the first size by the image processing apparatus exceeds the display range of the screen, the image processing apparatus may Segmentation is performed, and the segmented image is re-spliced, and the re-spliced image is determined as the second image.
示例性地,上述第三图像并不是最终显示的图像,而是对第三图像经过调整,得到的第二图像为图像处理装置最终显示的图像。Exemplarily, the above-mentioned third image is not the image finally displayed, but the second image obtained by adjusting the third image is the image finally displayed by the image processing apparatus.
在本实施例中,对于一些较长/较宽的截图,例如,表格内容,通常情况下,即使通过对图像截取,也不能完整显示一行或一列表格中的内容,此时,图像处理装置可以对长截图进行分割,并对分割后的图像进行重新拼接。In this embodiment, for some long/wide screenshots, for example, table content, under normal circumstances, even if the image is captured, the content in a row or a column of the table cannot be completely displayed. In this case, the image processing device Long screenshots can be segmented and the segmented images can be re-stitched.
示例性地,上述步骤202之前,本申请实施例提供的图像处理方法,还可以包括以下步骤202b:Exemplarily, before the above step 202, the image processing method provided in this embodiment of the present application may further include the following step 202b:
步骤202b、在第三图像中的第一内容超出所述屏幕的显示范围的情况下,图像处理装置对第三图像进行分割,并对分割后的图像重新拼接,将重新拼接后的图像确定为第二图像。Step 202b, when the first content in the third image exceeds the display range of the screen, the image processing device divides the third image, re-splices the segmented images, and determines the re-spliced images as second image.
其中,上述目标内容包括第一内容,分割后的图像包括第一子图像和第二子图像,第二子图像包括所述第一内容。The above-mentioned target content includes the first content, the segmented image includes a first sub-image and a second sub-image, and the second sub-image includes the first content.
可选地,在用户选择并确定目标区域后,图像处理装置经过裁剪、缩放(缩小放大)等操作后,该目标区域对应的第三图像仍然有部分内容超出了屏幕的显示范围,则图像处理装置可以对超出屏幕显示范围的第一内容进行裁剪分割,并通过重新拼接的方式,得到第二图像,使得图像处理装置在显示第二图像的情况下,该第一内容能够显示在屏幕的显示范围内。Optionally, after the user selects and determines the target area, and after the image processing apparatus undergoes operations such as cropping, scaling (zooming out and zooming in), and the third image corresponding to the target area still has some content beyond the display range of the screen, the image processing The device can cut and divide the first content beyond the display range of the screen, and obtain a second image by re-splicing, so that when the image processing device displays the second image, the first content can be displayed on the screen. within the range.
如上述示例所述,在将第三图像调整至以第一尺寸显示之后,若第三图像中的第一内容超出了屏幕的显示范围,即,以第一尺寸显示的第三图像无法显示全部内容,则对该第三图像进行裁剪分割,并通过重新拼接的方式,得到第二图像,使得重新拼接后的第二图像中的全部内容(目标内容)都能显示在屏幕中。As described in the above example, after the third image is adjusted to be displayed in the first size, if the first content in the third image exceeds the display range of the screen, that is, the third image displayed in the first size cannot be displayed in full content, the third image is cropped and segmented, and the second image is obtained by re-splicing, so that all the content (target content) in the re-spliced second image can be displayed on the screen.
具体地,图像处理装置将上述第三图像分割为第一子图像和第二子图像,第二子图像中包括第一内容,第一子图像中包括上述目标内容中除第一内容之外的第二内容。Specifically, the image processing apparatus divides the third image into a first sub-image and a second sub-image, the second sub-image includes the first content, and the first sub-image includes the target content except the first content. Second content.
示例性地,图像处理装置在显示执行目标操作后得到的第二图像时,能够完整的显示第二图像中的所有内容。并且,第二图像中包含的内容的字符尺寸大于或者等于目标字符尺寸。即上述第一子图像和第二子图像可以适应性调整大小,且第一子图像和第二子图像中的字符尺寸大于或者等于目标字符尺寸。Exemplarily, when displaying the second image obtained after performing the target operation, the image processing apparatus can completely display all the contents in the second image. And, the character size of the content contained in the second image is greater than or equal to the target character size. That is, the first sub-image and the second sub-image can be adaptively resized, and the character size in the first sub-image and the second sub-image is greater than or equal to the target character size.
示例性地,图像处理装置在对第三图像进行分割时,按照最小显示单元原则进行分割。以上述第三图像中的内容为表格为例,在第三图像包含表格内容的情况下,图像处理装置在分割第三图像时,并不会将同一个单元格中的内容分割到两个子图像中,此时,该第三图像的最小显示单元为一个单元格。Exemplarily, when the image processing apparatus divides the third image, the division is performed according to the principle of the smallest display unit. Taking the content in the above third image as a table as an example, when the third image contains table content, the image processing apparatus will not divide the content in the same cell into two sub-images when dividing the third image. , at this time, the minimum display unit of the third image is one cell.
举例说明,在上述第三图像为如图5中(A)所示的包含表格内容的图像的情况下,用户想要查看所有开发人员的姓名(即区域51中的内容),图像处理装置并不能完整显示区域51中的内容,此时,图像处理装置可以对第三图像进行图像分割,并拼接成如图5中(B)所示的图像,使得图像处理装置可以完整的显示用户选择区域中的表格内容。For example, in the case that the above-mentioned third image is an image containing table content as shown in FIG. 5(A), the user wants to view the names of all developers (that is, the content in the area 51 ), the image processing device does not The content in the area 51 cannot be completely displayed. At this time, the image processing device can perform image segmentation on the third image, and splicing it into an image as shown in (B) in FIG. 5 , so that the image processing device can completely display the user-selected area. table content in .
如此,在第三图像的部分内容超出屏幕的显示范围的情况下,图像处理装置可以对第三图像进行分割,并对分割后的内容进行重新拼接,并生成第二图像,使得图像处理装置在显示第二图像的情况下,目标区域的目标能容能够完整的显示在屏幕的显示范围内。In this way, when part of the content of the third image exceeds the display range of the screen, the image processing device can divide the third image, re-splicing the divided content, and generate the second image, so that the image processing device can In the case of displaying the second image, the target capacity of the target area can be completely displayed within the display range of the screen.
进一步可选地,在本申请实施例中,上述第一内容可以位于第三图像的横向方向或纵 向方向上,对于不同方向上的内容无法完整显示的情况,图像处理装置可以以下原则对第三图像进行图像分割。Further optionally, in this embodiment of the present application, the above-mentioned first content may be located in the horizontal direction or the vertical direction of the third image, and in the case where the content in different directions cannot be completely displayed, the image processing apparatus may perform the following principles on the third image: Image for image segmentation.
示例性地,上述步骤202b,还可以包括以下步骤202b1:Exemplarily, the above step 202b may further include the following step 202b1:
步骤202b1、在上述第一内容沿第一方向超出屏幕的显示范围的情况下,图像处理装置将上述第一子图像和第二子图像沿第二方向拼接,第一方向与第二方向垂直。Step 202b1: When the first content exceeds the display range of the screen along the first direction, the image processing apparatus splices the first sub-image and the second sub-image along the second direction, and the first direction is perpendicular to the second direction.
可以理解的,为了使图像处理装置能够显示目标区域中超出屏幕显示范围的内容,图像处理装置可以对目标区域中未能在屏幕上显示的内容进行图像分割,并对分割后的图像进行重新拼接。It can be understood that, in order to enable the image processing device to display the content in the target area that is beyond the display range of the screen, the image processing device can perform image segmentation on the content in the target area that cannot be displayed on the screen, and re-splices the segmented images. .
示例性地,以上述第一方向为横向为例,当上述第一内容位于第三图像的横向方向时,图像处理装置可以将上述第一内容进行分割,并将分割后得到的第二子图像拼接在第一子图像的纵向方向,进而能够使得图像处理装置在显示第二图像的情况下,能够显示第一内容。Exemplarily, taking the above-mentioned first direction as the horizontal direction as an example, when the above-mentioned first content is located in the horizontal direction of the third image, the image processing apparatus may divide the above-mentioned first content and divide the obtained second sub-image. It is spliced in the longitudinal direction of the first sub-image, so that the image processing apparatus can display the first content when the second image is displayed.
需要说明的是,上述目标区域中未能在屏幕上显示的内容为:在图像处理装置仅对第一图像中目标区域进行裁剪并缩放后得到的第三图像,并在显示该第三图像时,该第三图像中上述第一内容未能显示在屏幕上,因此,图像处理装置需要对该第三图像进行处理,得到第二图像,使得在显示第二图像的情况下,上述目标内容能够完整的显示在屏幕的显示范围内。It should be noted that the content that cannot be displayed on the screen in the above target area is: a third image obtained after the image processing device only crops and zooms the target area in the first image, and when the third image is displayed , the above-mentioned first content in the third image cannot be displayed on the screen, therefore, the image processing device needs to process the third image to obtain a second image, so that when the second image is displayed, the above-mentioned target content can be The complete display is within the display range of the screen.
举例说明,以上述目标内容为单元格内容为例,对于横轴方向上的单元格内容超出屏幕的显示范围的情况,图像处理装置可以将横轴方向上超出屏幕显示范围的单元格内容拼接到纵轴方向上;对于纵轴方向上的单元格内容超出屏幕的显示范围的情况,图像处理装置可以将纵轴方向上超出屏幕显示范围的单元格内容拼接到横轴方向上。For example, taking the above-mentioned target content as the cell content as an example, for the case that the cell content in the horizontal axis direction exceeds the display range of the screen, the image processing device can splicing the cell content that exceeds the display range of the screen in the horizontal axis direction. In the vertical axis direction; for the case where the cell content in the vertical axis direction exceeds the display range of the screen, the image processing device can splicing the cell content in the vertical axis direction beyond the screen display range to the horizontal axis direction.
如此,图像处理装置可以将目标区域中第一方向上无法完整显示的内容,沿着第二方向进行拼接,使得用户能够在屏幕上完整的查看到目标区域中的内容。In this way, the image processing apparatus can splicing the content that cannot be completely displayed in the first direction in the target area along the second direction, so that the user can completely view the content in the target area on the screen.
本申请实施例提供的图像处理方法,在显示第一图像的情况下,通过用户对目标区域的第一输入,使得电子设备能够裁剪并放大目标区域的内容,方便用户查看。同时,若经过裁剪放大后的图像存在部分未被显示的内容,则电子设备可以直接对第一图像的目标区域的内容进行分割,并对分割后的图像进行重新排版,使得用户能够清晰、完整的浏览目 标区域中的所有内容。In the image processing method provided by the embodiment of the present application, in the case of displaying the first image, through the first input of the user to the target area, the electronic device can crop and enlarge the content of the target area, which is convenient for the user to view. At the same time, if there is some undisplayed content in the cropped and enlarged image, the electronic device can directly segment the content of the target area of the first image, and rearrange the segmented image, so that the user can clearly and completely 's browse all content in the target area.
需要说明的是,本申请实施例提供的图像处理方法,执行主体可以为图像处理装置,或者该图像处理装置中的用于执行图像处理方法的控制模块。本申请实施例中以图像处理装置执行图像处理方法为例,说明本申请实施例提供的图像处理装置。It should be noted that, in the image processing method provided by the embodiments of the present application, the execution subject may be an image processing apparatus, or a control module in the image processing apparatus for executing the image processing method. In the embodiments of the present application, the image processing apparatus provided by the embodiments of the present application is described by taking an image processing apparatus executing an image processing method as an example.
需要说明的是,本申请实施例中,上述各个方法附图所示的。图像处理方法均是以结合本申请实施例中的一个附图为例示例性的说明的。具体实现时,上述各个方法附图所示的图像处理方法还可以结合上述实施例中示意的其它可以结合的任意附图实现,此处不再赘述。It should be noted that, in the embodiments of the present application, the above methods are shown in the accompanying drawings. The image processing methods are all exemplarily described with reference to a figure in the embodiments of the present application. During specific implementation, the image processing methods shown in the drawings of the above methods can also be implemented in combination with any other drawings shown in the above embodiments that can be combined, and details are not described herein again.
图6为实现本申请实施例提供的一种图像处理装置的可能的结构示意图,如图6所示,图像处理装置600包括:接收模块601和显示模块602;接收模块601,用于在显示有第一图像的情况下,接收对第一图像中目标区域的第一输入,目标区域对应的第三图像为第一图像中的部分图像,第三图像中包括目标区域中的目标内容;显示模块602,用于响应于接收模块601接收的第一输入,显示第二图像;其中,第二图像包括目标内容;在显示第二图像的情况下,第二图像中的目标内容未超出屏幕的显示范围。FIG. 6 is a schematic diagram of a possible structure for implementing an image processing apparatus provided by an embodiment of the present application. As shown in FIG. 6 , the image processing apparatus 600 includes: a receiving module 601 and a display module 602; the receiving module 601 is used for displaying In the case of the first image, the first input to the target area in the first image is received, the third image corresponding to the target area is a partial image in the first image, and the third image includes the target content in the target area; the display module 602, for displaying a second image in response to the first input received by the receiving module 601; wherein, the second image includes target content; in the case of displaying the second image, the target content in the second image does not exceed the display of the screen scope.
可选地,在本申请实施例中,显示模块602,具体用于执行目标操作,显示第二图像;其中,该目标操作包括以下至少一项:裁剪操作、缩放操作、分割操作、拼接操作。Optionally, in this embodiment of the present application, the display module 602 is specifically configured to perform a target operation to display the second image, wherein the target operation includes at least one of the following: cropping operation, zooming operation, dividing operation, and splicing operation.
可选地,在本申请实施例中,图像处理装置600还包括:处理模块603;处理模块603,用于在第三图像中的第一内容超出屏幕的显示范围的情况下,对第三图像进行分割,并对分割后的图像重新拼接,将重新拼接后的图像确定为第二图像;其中,目标内容包括第一内容,分割后的图像包括第一子图像和第二子图像,第二子图像包括第一内容。Optionally, in this embodiment of the present application, the image processing apparatus 600 further includes: a processing module 603; the processing module 603 is configured to, when the first content in the third image exceeds the display range of the screen, Segmentation is performed, the segmented images are re-spliced, and the re-spliced image is determined as the second image; wherein, the target content includes the first content, the segmented image includes the first sub-image and the second sub-image, and the second The sub-image includes the first content.
可选地,在本申请实施例中,目标内容包括文字内容;处理模块603,用于将第三图像调整至以第一尺寸显示,若以第一尺寸显示的第三图像中的目标内容未超出屏幕的显示范围,则将调整后的第三图像确定为第二图像;其中,第二图像中的文字内容的字符尺寸大于或者等于目标字符尺寸,目标字符尺寸为操作系统显示的最小字符的尺寸。Optionally, in this embodiment of the present application, the target content includes text content; the processing module 603 is configured to adjust the third image to be displayed in the first size, if the target content in the third image displayed in the first size is not If it exceeds the display range of the screen, the adjusted third image is determined as the second image; wherein, the character size of the text content in the second image is greater than or equal to the target character size, and the target character size is the smallest character displayed by the operating system. size.
可选地,在本申请实施例中,处理模块603,具体用于若以第一尺寸显示的第三图像中的第一内容超出屏幕的显示范围,对以第一尺寸显示的第三图像进行分割,并对分割后 的图像重新拼接,将重新拼接后的图像确定为第二图像。Optionally, in this embodiment of the present application, the processing module 603 is specifically configured to process the third image displayed in the first size if the first content in the third image displayed in the first size exceeds the display range of the screen. segmentation, and re-splicing the segmented image, and determining the re-spliced image as the second image.
可选地,在本申请实施例中,处理模块603,具体用于在第一内容沿第一方向超出屏幕的显示范围的情况下,将第一子图像和第二子图像沿第二方向拼接,第一方向与第二方向垂直。Optionally, in this embodiment of the present application, the processing module 603 is specifically configured to stitch the first sub-image and the second sub-image along the second direction when the first content exceeds the display range of the screen along the first direction. , the first direction is perpendicular to the second direction.
本申请实施例中的图像处理装置可以是装置,也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备,也可以为非移动电子设备。示例性的,移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本或者个人数字助理(personal digital assistant,PDA)等,非移动电子设备可以为服务器、网络附属存储器(Network Attached Storage,NAS)、个人计算机(personal computer,PC)、电视机(television,TV)、柜员机或者自助机等,本申请实施例不作具体限定。The image processing apparatus in this embodiment of the present application may be an apparatus, or may be a component, an integrated circuit, or a chip in a terminal. The apparatus may be a mobile electronic device or a non-mobile electronic device. Exemplarily, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palmtop computer, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (personal digital assistant). assistant, PDA), etc., non-mobile electronic devices can be servers, network attached storage (Network Attached Storage, NAS), personal computer (personal computer, PC), television (television, TV), teller machine or self-service machine, etc., this application Examples are not specifically limited.
本申请实施例中的图像处理装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统,可以为iOS操作系统,还可以为其他可能的操作系统,本申请实施例不作具体限定。The image processing apparatus in this embodiment of the present application may be an apparatus having an operating system. The operating system may be an Android (Android) operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiments of the present application.
本申请实施例提供的图像处理装置能够实现图2至图5的方法实施例中图像处理装置实现的各个过程,为避免重复,这里不再赘述。The image processing apparatus provided in the embodiments of the present application can implement each process implemented by the image processing apparatus in the method embodiments of FIG. 2 to FIG. 5 , and to avoid repetition, details are not described here.
本实施例中各种实现方式具有的有益效果具体可以参见上述方法实施例中相应实现方式所具有的有益效果,为避免重复,此处不再赘述。For the beneficial effects of the various implementations in this embodiment, reference may be made to the beneficial effects of the corresponding implementations in the foregoing method embodiments, which are not repeated here to avoid repetition.
本申请实施例提供的图像处理装置,在显示第一图像的情况下,通过用户对目标区域的第一输入,使得电子设备能够裁剪并放大目标区域的内容,方便用户查看。同时,若经过裁剪放大后的图像存在部分未被显示的内容,则电子设备可以直接对第一图像的目标区域的内容进行分割,并对分割后的图像进行重新排版,使得用户能够清晰、完整的浏览目标区域中的所有内容。The image processing apparatus provided by the embodiment of the present application, in the case of displaying the first image, enables the electronic device to crop and enlarge the content of the target area through the user's first input to the target area, which is convenient for the user to view. At the same time, if there is some undisplayed content in the cropped and enlarged image, the electronic device can directly segment the content of the target area of the first image, and rearrange the segmented image, so that the user can clearly and completely 's browse all content in the target area.
可选的,本申请实施例还提供一种电子设备,包括处理器110,存储器109,存储在存储器109上并可在所述处理器110上运行的程序或指令,该程序或指令被处理器110执行时实现上述图像处理方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。Optionally, an embodiment of the present application further provides an electronic device, including a processor 110, a memory 109, a program or instruction stored in the memory 109 and executable on the processor 110, the program or instruction being processed by the processor When 110 is executed, each process of the above-mentioned image processing method embodiment can be achieved, and the same technical effect can be achieved. In order to avoid repetition, details are not described here.
需要注意的是,本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。It should be noted that the electronic devices in the embodiments of the present application include the aforementioned mobile electronic devices and non-mobile electronic devices.
图7为实现本申请各个实施例的一种电子设备的硬件结构示意图。FIG. 7 is a schematic diagram of a hardware structure of an electronic device implementing various embodiments of the present application.
该电子设备100包括但不限于:射频单元101、网络模块102、音频输出单元103、输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、以及处理器110等部件。The electronic device 100 includes but is not limited to: a radio frequency unit 101, a network module 102, an audio output unit 103, an input unit 104, a sensor 105, a display unit 106, a user input unit 107, an interface unit 108, a memory 109, and a processor 110, etc. part.
本领域技术人员可以理解,电子设备100还可以包括给各个部件供电的电源(比如电池),电源可以通过电源管理系统与处理器110逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图7中示出的电子设备结构并不构成对电子设备的限定,电子设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置,在此不再赘述。Those skilled in the art can understand that the electronic device 100 may also include a power source (such as a battery) for supplying power to various components, and the power source may be logically connected to the processor 110 through a power management system, so as to manage charging, discharging, and power management through the power management system. consumption management and other functions. The structure of the electronic device shown in FIG. 7 does not constitute a limitation on the electronic device. The electronic device may include more or less components than the one shown, or combine some components, or arrange different components, which will not be repeated here. .
其中,用户输入单元107,用于在显示有第一图像的情况下,接收对所述第一图像中目标区域的第一输入,所述目标区域对应的第三图像为所述第一图像中的部分图像,所述第三图像中包括所述目标区域中的目标内容;显示单元106,用于响应于用户输入单元107接收的第一输入,显示第二图像;其中,所述第二图像包括所述目标内容;在显示所述第二图像的情况下,所述第二图像中的所述目标内容未超出屏幕的显示范围。The user input unit 107 is configured to receive a first input to a target area in the first image when the first image is displayed, and the third image corresponding to the target area is in the first image. The third image includes the target content in the target area; the display unit 106 is configured to display the second image in response to the first input received by the user input unit 107; wherein, the second image The target content is included; when the second image is displayed, the target content in the second image does not exceed the display range of the screen.
如此,在显示第一图像的情况下,若接收到用户对目标区域的第一输入,则显示包含有第一图像中目标区域的图像内容的第二图像的方式,可以使得电子设备能够完整显示第一图像中目标区域的内容,并且,由于在显示第二图像的情况下,第二图像中的目标区域中的内容未超出屏幕的显示范围,使得用户无需再执行其他操作,便可在电子设备上清晰的浏览长截图中想要浏览的内容。In this way, in the case of displaying the first image, if the user's first input to the target area is received, the manner of displaying the second image including the image content of the target area in the first image can enable the electronic device to completely display The content of the target area in the first image, and, when the second image is displayed, the content in the target area in the second image does not exceed the display range of the screen, so that the user does not need to perform other operations to display the content in the electronic Clearly browse what you want to see in long screenshots on your device.
可选地,在本申请实施例中,显示单元106,具体用于执行目标操作,显示第二图像;其中,该目标操作包括以下至少一项:裁剪操作、缩放操作、分割操作、拼接操作。Optionally, in this embodiment of the present application, the display unit 106 is specifically configured to perform a target operation to display the second image; wherein the target operation includes at least one of the following: cropping operation, zooming operation, dividing operation, and splicing operation.
可选地,在本申请实施例中,图像处理装置600还包括:处理器110;处理器110,用于在所述第三图像中的第一内容超出所述屏幕的显示范围的情况下,对所述第三图像进行分割,并对分割后的图像重新拼接,将所述重新拼接后的图像确定为第二图像;其中,所述目标内容包括所述第一内容,所述分割后的图像包括第一子图像和第二子图像,所述 第二子图像包括所述第一内容。Optionally, in this embodiment of the present application, the image processing apparatus 600 further includes: a processor 110; the processor 110 is configured to, when the first content in the third image exceeds the display range of the screen, The third image is segmented, the segmented images are re-spliced, and the re-spliced image is determined as the second image; wherein, the target content includes the first content, and the segmented image is determined as the second image. The image includes a first sub-image and a second sub-image, the second sub-image including the first content.
可选地,在本申请实施例中,处理器110,具体用于若以所述第一尺寸显示的所述第三图像中的第一内容超出所述屏幕的显示范围,对以所述第一尺寸显示的第三图像进行分割,并对分割后的图像重新拼接,将所述重新拼接后的图像确定为第二图像。Optionally, in this embodiment of the present application, the processor 110 is specifically configured to, if the first content in the third image displayed in the first size exceeds the display range of the screen, perform processing on the third image in the first size. The third image displayed in one size is segmented, the segmented images are re-spliced, and the re-spliced image is determined as the second image.
如此,图像处理装置可以通过调整第三图像的尺寸和字符大小的方式,使得经过调整第三图像后得到的第二图像,能够完整的显示目标区域中的目标内容,且不影响用户对图像内容的浏览。In this way, the image processing apparatus can adjust the size and character size of the third image, so that the second image obtained after adjusting the third image can completely display the target content in the target area without affecting the user's perception of the image content. browsing.
可选地,在本申请实施例中,所述目标内容包括文字内容;处理器110,用于将所述第三图像调整至以第一尺寸显示,若以所述第一尺寸显示的所述第三图像中的目标内容未超出所述屏幕的显示范围,则将调整后的所述第三图像确定为第二图像;其中,所述第二图像中的所述文字内容的字符尺寸大于或者等于目标字符尺寸,所述目标字符尺寸为操作系统显示的最小字符的尺寸。Optionally, in this embodiment of the present application, the target content includes text content; the processor 110 is configured to adjust the third image to be displayed in a first size, if the third image is displayed in the first size If the target content in the third image does not exceed the display range of the screen, the adjusted third image is determined as the second image; wherein the character size of the text content in the second image is larger than or Equal to the target character size, which is the size of the smallest character displayed by the operating system.
如此,在第三图像的部分内容超出屏幕的显示范围的情况下,图像处理装置可以对第三图像进行分割,并对分割后的内容进行重新拼接,并生成第二图像,使得图像处理装置在显示第二图像的情况下,目标区域的目标能容能够完整的显示在屏幕的显示范围内。In this way, when part of the content of the third image exceeds the display range of the screen, the image processing device can divide the third image, re-splicing the divided content, and generate the second image, so that the image processing device can In the case of displaying the second image, the target capacity of the target area can be completely displayed within the display range of the screen.
可选地,在本申请实施例中,处理器110,具体用于在所述第一内容沿第一方向超出所述屏幕的显示范围的情况下,将所述第一子图像和所述第二子图像沿第二方向拼接,第一方向与第二方向垂直。Optionally, in this embodiment of the present application, the processor 110 is specifically configured to, in the case that the first content exceeds the display range of the screen in the first direction, the first sub-image and the first sub-image The two sub-images are spliced along a second direction, and the first direction is perpendicular to the second direction.
如此,图像处理装置可以将目标区域中第一方向上无法完整显示的内容,沿着第二方向进行拼接,使得用户能够在屏幕上完整的查看到目标区域中的内容。In this way, the image processing apparatus can splicing the content that cannot be completely displayed in the first direction in the target area along the second direction, so that the user can completely view the content in the target area on the screen.
本申请实施例提供的电子设备,在显示第一图像的情况下,通过用户对目标区域的第一输入,使得电子设备能够裁剪并放大目标区域的内容,方便用户查看。同时,若经过裁剪放大后的图像存在部分未被显示的内容,则电子设备可以直接对第一图像的目标区域的内容进行分割,并对分割后的图像进行重新排版,使得用户能够清晰、完整的浏览目标区域中的所有内容。The electronic device provided by the embodiment of the present application, in the case of displaying the first image, enables the electronic device to crop and enlarge the content of the target area through the user's first input to the target area, which is convenient for the user to view. At the same time, if there is some undisplayed content in the cropped and enlarged image, the electronic device can directly segment the content of the target area of the first image, and rearrange the segmented image, so that the user can clearly and completely 's browse all content in the target area.
应理解的是,本申请实施例中,输入单元104可以包括图形处理器(Graphics Processing Unit,GPU)1041和麦克风1042,图形处理器1041对在视频捕获模式或图像捕获模式中 由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元106可包括显示面板1061,可以采用液晶显示器、有机发光二极管等形式来配置显示面板1061。用户输入单元107包括触控面板1071以及其他输入设备1072。触控面板1071,也称为触摸屏。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。存储器109可用于存储软件程序以及各种数据,包括但不限于应用程序和操作系统。处理器110可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器110中。It should be understood that, in this embodiment of the present application, the input unit 104 may include a graphics processor (Graphics Processing Unit, GPU) 1041 and a microphone 1042. Such as camera) to obtain still pictures or video image data for processing. The display unit 106 may include a display panel 1061, which may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 107 includes a touch panel 1071 and other input devices 1072 . The touch panel 1071 is also called a touch screen. The touch panel 1071 may include two parts, a touch detection device and a touch controller. Other input devices 1072 may include, but are not limited to, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which are not described herein again. Memory 109 may be used to store software programs as well as various data including, but not limited to, application programs and operating systems. The processor 110 may integrate an application processor and a modem processor, wherein the application processor mainly processes an operating system, a user interface, and an application program, and the like, and the modem processor mainly processes wireless communication. It can be understood that, the above-mentioned modulation and demodulation processor may not be integrated into the processor 110 .
本申请实施例还提供一种可读存储介质,所述可读存储介质上存储有程序或指令,该程序或指令被处理器执行时实现上述图像处理方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。The embodiments of the present application further provide a readable storage medium, where a program or an instruction is stored on the readable storage medium. When the program or instruction is executed by a processor, each process of the above image processing method embodiment can be achieved, and the same can be achieved. In order to avoid repetition, the technical effect will not be repeated here.
其中,所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质,包括计算机可读存储介质,如计算机只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等。Wherein, the processor is the processor in the electronic device described in the foregoing embodiments. The readable storage medium includes a computer-readable storage medium, such as a computer read-only memory (Read-Only Memory, ROM), a random access memory (Random Access Memory, RAM), a magnetic disk or an optical disk, and the like.
本申请实施例另提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现上述图像处理方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。An embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or an instruction to implement the above image processing method embodiments. Each process can achieve the same technical effect. In order to avoid repetition, it will not be repeated here.
应理解,本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。It should be understood that the chip mentioned in the embodiments of the present application may also be referred to as a system-on-chip, a system-on-chip, a system-on-a-chip, or a system-on-a-chip, or the like.
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外,需要指出的是,本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能,还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能,例如,可以按不同于 所描述的次序来执行所描述的方法,并且还可以添加、省去、或组合各种步骤。另外,参照某些示例所描述的特征可在其他示例中被组合。It should be noted that, herein, the terms "comprising", "comprising" or any other variation thereof are intended to encompass non-exclusive inclusion, such that a process, method, article or device comprising a series of elements includes not only those elements, It also includes other elements not expressly listed or inherent to such a process, method, article or apparatus. Without further limitation, an element qualified by the phrase "comprising a..." does not preclude the presence of additional identical elements in a process, method, article or apparatus that includes the element. Furthermore, it should be noted that the scope of the methods and apparatus in the embodiments of the present application is not limited to performing the functions in the order shown or discussed, but may also include performing the functions in a substantially simultaneous manner or in the reverse order depending on the functions involved. To perform functions, for example, the described methods may be performed in an order different from that described, and various steps may also be added, omitted, or combined. Additionally, features described with reference to some examples may be combined in other examples.
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台电子设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。From the description of the above embodiments, those skilled in the art can clearly understand that the method of the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation. Based on this understanding, the technical solution of the present application can be embodied in the form of a software product in essence or in a part that contributes to the prior art, and the computer software product is stored in a storage medium (such as ROM/RAM, magnetic disk, CD-ROM), including several instructions to make an electronic device (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to execute the methods described in the various embodiments of the present application.
上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。The embodiments of the present application have been described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific embodiments, which are merely illustrative rather than restrictive. Under the inspiration of this application, without departing from the scope of protection of the purpose of this application and the claims, many forms can be made, which all fall within the protection of this application.

Claims (17)

  1. 一种图像处理方法,所述方法包括:An image processing method, the method comprising:
    在显示有第一图像的情况下,接收对所述第一图像中目标区域的第一输入,所述目标区域对应的第三图像为所述第一图像中的部分图像,所述第三图像中包括所述目标区域中的目标内容;In the case where the first image is displayed, a first input to the target area in the first image is received, the third image corresponding to the target area is a partial image in the first image, and the third image including the target content in the target area;
    响应于所述第一输入,显示第二图像;in response to the first input, displaying a second image;
    其中,所述第二图像包括所述目标内容;在显示所述第二图像的情况下,所述第二图像中的所述目标内容未超出屏幕的显示范围。Wherein, the second image includes the target content; when the second image is displayed, the target content in the second image does not exceed the display range of the screen.
  2. 根据权利要求1所述的方法,其中,所述响应于所述第一输入,显示第二图像包括:The method of claim 1, wherein the displaying a second image in response to the first input comprises:
    响应于所述第一输入,执行目标操作,显示所述第二图像;in response to the first input, performing a target operation to display the second image;
    其中,所述目标操作包括以下至少一项:裁剪操作、缩放操作、分割操作、拼接操作。Wherein, the target operation includes at least one of the following: a cropping operation, a scaling operation, a splitting operation, and a splicing operation.
  3. 根据权利要求1所述的方法,其中,所述显示第二图像之前,还包括:The method of claim 1, wherein before the displaying the second image, further comprising:
    在所述第三图像中的第一内容超出所述屏幕的显示范围的情况下,对所述第三图像进行分割,并对分割后的图像重新拼接,将重新拼接后的图像确定为第二图像;In the case where the first content in the third image exceeds the display range of the screen, the third image is segmented, the segmented images are re-spliced, and the re-spliced image is determined as the second image image;
    其中,所述目标内容包括所述第一内容,所述分割后的图像包括第一子图像和第二子图像,所述第二子图像包括所述第一内容。The target content includes the first content, the segmented image includes a first sub-image and a second sub-image, and the second sub-image includes the first content.
  4. 根据权利要求1所述的方法,其中,所述目标内容包括文字内容;所述显示第二图像之前,还包括:The method according to claim 1, wherein the target content includes text content; before the displaying the second image, further comprising:
    将所述第三图像调整至以第一尺寸显示,若以所述第一尺寸显示的所述第三图像中的目标内容未超出所述屏幕的显示范围,则将调整后的所述第三图像确定为第二图像;The third image is adjusted to be displayed in a first size, and if the target content in the third image displayed in the first size does not exceed the display range of the screen, the adjusted third image The image is determined to be the second image;
    其中,所述第二图像中的所述文字内容的字符尺寸大于或者等于目标字符尺寸,所述目标字符尺寸为操作系统显示的最小字符的尺寸。Wherein, the character size of the text content in the second image is greater than or equal to the target character size, and the target character size is the size of the smallest character displayed by the operating system.
  5. 根据权利要求4所述的方法,其中,The method of claim 4, wherein,
    若以所述第一尺寸显示的所述第三图像中的第一内容超出所述屏幕的显示范围, 对以所述第一尺寸显示的第三图像进行分割,并对分割后的图像重新拼接,将重新拼接后的图像确定为第二图像。If the first content in the third image displayed in the first size exceeds the display range of the screen, dividing the third image displayed in the first size, and stitching the divided images again , and the re-stitched image is determined as the second image.
  6. 根据权利要求3所述的方法,其中,所述对分割后的图像重新拼接,包括:The method according to claim 3, wherein the re-splicing of the segmented images comprises:
    在所述第一内容沿第一方向超出所述屏幕的显示范围的情况下,将所述第一子图像和所述第二子图像沿第二方向拼接,第一方向与第二方向垂直。When the first content exceeds the display range of the screen along the first direction, the first sub-image and the second sub-image are spliced along a second direction, and the first direction is perpendicular to the second direction.
  7. 一种图像处理装置,所述装置包括:接收模块和显示模块;An image processing device, the device includes: a receiving module and a display module;
    所述接收模块,用于在显示有第一图像的情况下,接收对所述第一图像中目标区域的第一输入,所述目标区域对应的第三图像为所述第一图像中的部分图像,所述第三图像中包括所述目标区域中的目标内容;The receiving module is configured to receive a first input to a target area in the first image when the first image is displayed, and the third image corresponding to the target area is a part of the first image an image, the third image includes the target content in the target area;
    所述显示模块,用于响应于所述接收模块接收的第一输入,显示第二图像;the display module, configured to display a second image in response to the first input received by the receiving module;
    其中,所述第二图像包括所述目标内容;在显示所述第二图像的情况下,所述第二图像中的所述目标内容未超出屏幕的显示范围。Wherein, the second image includes the target content; when the second image is displayed, the target content in the second image does not exceed the display range of the screen.
  8. 根据权利要求7所述的装置,其中,The apparatus of claim 7, wherein,
    所述显示模块,具体用于响应于所述第一输入,执行目标操作,显示所述第二图像;The display module is specifically configured to perform a target operation in response to the first input, and display the second image;
    其中,所述目标操作包括以下至少一项:裁剪操作、缩放操作、分割操作、拼接操作。Wherein, the target operation includes at least one of the following: a cropping operation, a scaling operation, a splitting operation, and a splicing operation.
  9. 根据权利要求7所述的装置,其中,所述装置还包括:处理模块;The apparatus of claim 7, wherein the apparatus further comprises: a processing module;
    所述处理模块,用于所述显示模块显示第二图像之前,在所述第三图像中的第一内容超出所述屏幕的显示范围的情况下,对所述第三图像进行分割,并对分割后的图像重新拼接,将重新拼接后的图像确定为第二图像;The processing module is configured to, before the display module displays the second image, divide the third image in the case that the first content in the third image exceeds the display range of the screen, and perform the segmentation on the third image. The divided images are re-spliced, and the re-spliced image is determined as the second image;
    其中,所述目标内容包括所述第一内容,所述分割后的图像包括第一子图像和第二子图像,所述第二子图像包括所述第一内容。The target content includes the first content, the segmented image includes a first sub-image and a second sub-image, and the second sub-image includes the first content.
  10. 根据权利要求7所述的装置,其中,所述目标内容包括文字内容;所述装置还包括:处理模块;The apparatus according to claim 7, wherein the target content comprises text content; the apparatus further comprises: a processing module;
    所述处理模块,用于所述显示模块显示第二图像之前,将所述第三图像调整至以第一尺寸显示,若以所述第一尺寸显示的所述第三图像中的目标内容未超出所述屏幕 的显示范围,则将调整后的所述第三图像确定为第二图像;The processing module is configured to adjust the third image to be displayed in a first size before the display module displays the second image, if the target content in the third image displayed in the first size is not beyond the display range of the screen, the adjusted third image is determined as the second image;
    其中,所述第二图像中的所述文字内容的字符尺寸大于或者等于目标字符尺寸,所述目标字符尺寸为操作系统显示的最小字符的尺寸。Wherein, the character size of the text content in the second image is greater than or equal to the target character size, and the target character size is the size of the smallest character displayed by the operating system.
  11. 根据权利要求10所述的装置,其中,The apparatus of claim 10, wherein,
    所述处理模块,具体用于若以所述第一尺寸显示的所述第三图像中的第一内容超出所述屏幕的显示范围,对以所述第一尺寸显示的第三图像进行分割,并对分割后的图像重新拼接,将重新拼接后的图像确定为第二图像。The processing module is specifically configured to segment the third image displayed in the first size if the first content in the third image displayed in the first size exceeds the display range of the screen, The segmented images are re-spliced, and the re-spliced image is determined as the second image.
  12. 根据权利要求9所述的装置,其中,The apparatus of claim 9, wherein,
    所述处理模块,具体用于在所述第一内容沿第一方向超出所述屏幕的显示范围的情况下,将所述第一子图像和所述第二子图像沿第二方向拼接,第一方向与第二方向垂直。The processing module is specifically configured to splicing the first sub-image and the second sub-image along the second direction when the first content exceeds the display range of the screen along the first direction, and the first sub-image One direction is perpendicular to the second direction.
  13. 一种电子设备,包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如权利要求1至6中任一项所述的图像处理方法的步骤。An electronic device, comprising a processor, a memory, and a program or instruction stored on the memory and executable on the processor, the program or instruction being executed by the processor to achieve as claimed in claims 1 to 6 The steps of any one of the image processing methods.
  14. 一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如权利要求1至6中任一项所述的图像处理方法的步骤。A readable storage medium storing programs or instructions on the readable storage medium, when the programs or instructions are executed by a processor, the steps of the image processing method according to any one of claims 1 to 6 are implemented.
  15. 一种计算机程序产品,所述程序产品被至少一个处理器执行以实现如权利要求1至6中任一项所述的图像处理方法。A computer program product executed by at least one processor to implement the image processing method of any one of claims 1 to 6.
  16. 一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现如权利要求1至6中任一项所述的图像处理方法。A chip, the chip comprising a processor and a communication interface, the communication interface is coupled with the processor, the processor is used for running a program or an instruction to realize the image according to any one of claims 1 to 6 Approach.
  17. 一种电子设备,包括所述电子设备被配置成用于执行如权利要求1至6中任一项所述的图像处理方法。An electronic device comprising the electronic device configured to perform the image processing method of any one of claims 1 to 6.
PCT/CN2022/081208 2021-03-18 2022-03-16 Image processing method and apparatus, electronic device and readable storage medium WO2022194211A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110293020.2A CN113296661B (en) 2021-03-18 2021-03-18 Image processing method, device, electronic equipment and readable storage medium
CN202110293020.2 2021-03-18

Publications (1)

Publication Number Publication Date
WO2022194211A1 true WO2022194211A1 (en) 2022-09-22

Family

ID=77319197

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/081208 WO2022194211A1 (en) 2021-03-18 2022-03-16 Image processing method and apparatus, electronic device and readable storage medium

Country Status (2)

Country Link
CN (1) CN113296661B (en)
WO (1) WO2022194211A1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113296661B (en) * 2021-03-18 2023-10-27 维沃移动通信有限公司 Image processing method, device, electronic equipment and readable storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106502524A (en) * 2016-09-27 2017-03-15 乐视控股(北京)有限公司 Screenshotss method and device
CN110231905A (en) * 2019-05-07 2019-09-13 华为技术有限公司 A kind of screenshotss method and electronic equipment
CN111641750A (en) * 2020-05-19 2020-09-08 Oppo广东移动通信有限公司 Screen capture method, terminal and non-volatile computer-readable storage medium
US10819911B2 (en) * 2017-08-03 2020-10-27 Lg Electronics Inc. Electronic device for zooming a preview image
CN112230816A (en) * 2020-10-23 2021-01-15 岭东核电有限公司 High-efficiency screenshot method and device, computer equipment and storage medium
CN113296661A (en) * 2021-03-18 2021-08-24 维沃移动通信有限公司 Image processing method and device, electronic equipment and readable storage medium

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105843494B (en) * 2015-01-15 2020-06-09 中兴通讯股份有限公司 Method, device and terminal for realizing area screen capture
JP6842672B2 (en) * 2017-09-15 2021-03-17 ブラザー工業株式会社 Print processing program
CN110825278A (en) * 2018-08-07 2020-02-21 深圳富泰宏精密工业有限公司 Electronic equipment and screen capturing method
CN109460177A (en) * 2018-09-27 2019-03-12 维沃移动通信有限公司 A kind of image processing method and terminal device
CN111143013A (en) * 2019-12-30 2020-05-12 维沃移动通信有限公司 Screenshot method and electronic equipment

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106502524A (en) * 2016-09-27 2017-03-15 乐视控股(北京)有限公司 Screenshotss method and device
US10819911B2 (en) * 2017-08-03 2020-10-27 Lg Electronics Inc. Electronic device for zooming a preview image
CN110231905A (en) * 2019-05-07 2019-09-13 华为技术有限公司 A kind of screenshotss method and electronic equipment
CN111641750A (en) * 2020-05-19 2020-09-08 Oppo广东移动通信有限公司 Screen capture method, terminal and non-volatile computer-readable storage medium
CN112230816A (en) * 2020-10-23 2021-01-15 岭东核电有限公司 High-efficiency screenshot method and device, computer equipment and storage medium
CN113296661A (en) * 2021-03-18 2021-08-24 维沃移动通信有限公司 Image processing method and device, electronic equipment and readable storage medium

Also Published As

Publication number Publication date
CN113296661A (en) 2021-08-24
CN113296661B (en) 2023-10-27

Similar Documents

Publication Publication Date Title
WO2016124122A1 (en) Method and apparatus for zooming picture and switching played contents of handheld electronic device
WO2021136136A1 (en) Screenshot method and electronic device
WO2023061280A1 (en) Application program display method and apparatus, and electronic device
WO2022166893A1 (en) Information display method and apparatus, electronic device, and storage medium
US20230345113A1 (en) Display control method and apparatus, electronic device, and medium
CN112911147B (en) Display control method, display control device and electronic equipment
WO2023284632A1 (en) Image display method and apparatus, and electronic device
WO2024037418A1 (en) Display method and apparatus, electronic device, and readable storage medium
US20230244363A1 (en) Screen capture method and apparatus, and electronic device
WO2023016462A1 (en) Video recording method and apparatus, electronic device, and medium
CN112148167A (en) Control setting method and device and electronic equipment
CN113986076A (en) Icon display control method and device, electronic equipment and storage medium
CN112836086A (en) Video processing method and device and electronic equipment
WO2022194211A1 (en) Image processing method and apparatus, electronic device and readable storage medium
CN112099714B (en) Screenshot method and device, electronic equipment and readable storage medium
WO2023174297A1 (en) Screen control method and apparatus, and electronic device
WO2023138509A1 (en) Image processing method and apparatus
WO2022228314A1 (en) Content display method and apparatus, electronic device, and readable storage medium
US20230274388A1 (en) Photographing Method, and Electronic Device and Non-Transitory Readable Storage Medium
WO2023030114A1 (en) Interface display method and apparatus
WO2023284639A1 (en) Display control method and apparatus
CN116107531A (en) Interface display method and device
CN113835577A (en) Display method, display device, electronic equipment and storage medium
CN113393372A (en) Desktop wallpaper setting method and device
CN112019686A (en) Display method and device and electronic equipment

Legal Events

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

Ref document number: 22770564

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 22770564

Country of ref document: EP

Kind code of ref document: A1