CN113703653A - Image processing method, device, equipment and computer readable storage medium - Google Patents
Image processing method, device, equipment and computer readable storage medium Download PDFInfo
- Publication number
- CN113703653A CN113703653A CN202111028504.0A CN202111028504A CN113703653A CN 113703653 A CN113703653 A CN 113703653A CN 202111028504 A CN202111028504 A CN 202111028504A CN 113703653 A CN113703653 A CN 113703653A
- Authority
- CN
- China
- Prior art keywords
- display screen
- image
- touch
- distance
- current
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction 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/0488—Interaction 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
- G06F3/04883—Interaction 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 for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present disclosure provides an image processing method, apparatus, device, and computer-readable storage medium. The image processing method comprises the following steps: acquiring first screen touch information on a touch display screen, wherein the first screen touch information comprises information corresponding to a sliding gesture; determining a current zoom ratio of a currently displayed image displayed on the touch display screen; and when the current zoom ratio is smaller than or equal to a first preset zoom ratio, switching a current display image into a previous display image or a next display image adjacent to the current display image based on the first screen touch information, and when the current zoom ratio is larger than the first preset zoom ratio, dragging and displaying the current display image based on the first screen touch information. Thereby improving the user experience.
Description
Technical Field
The present application relates to the field of image processing, and in particular, to an image processing method, an image processing apparatus, an image processing device, and a computer-readable storage medium.
Background
As more and more mobile terminals having touch screens are provided, the requirements of users for touch screens are higher and higher. For example, in the process of dragging a touch display screen by using a single finger, two fingers or multiple fingers, a picture is generally dragged directly regardless of the state of the picture.
Disclosure of Invention
The present disclosure has been made in view of the above problems. The present disclosure provides an image processing method, an image processing apparatus, an image processing device, and a computer-readable storage medium.
According to an aspect of the present disclosure, there is provided an image processing method including: acquiring first screen touch information on a touch display screen, wherein the first screen touch information comprises information corresponding to a sliding gesture; determining a current zoom ratio of a currently displayed image displayed on the touch display screen; and when the current zoom ratio is smaller than or equal to a first preset zoom ratio, switching a current display image into a previous display image or a next display image adjacent to the current display image based on the first screen touch information, and when the current zoom ratio is larger than the first preset zoom ratio, dragging and displaying the current display image based on the first screen touch information.
According to an example of the disclosure, the information corresponding to the slide gesture includes coordinates of an initial touch point before performing the slide processing and coordinates of a post-slide touch point after the slide processing on the touch display screen, and the dragging and displaying the currently displayed image includes: acquiring a first position of the current display image relative to the touch display screen; determining a sliding offset based on the coordinates of the initial touch point and the coordinates of the slid touch point; determining a second position of the currently displayed image relative to the touch display screen based on the first position and the sliding offset; and dragging the currently displayed image from the first location to the second location.
According to an example of the present disclosure, the method further comprises: acquiring an original position of an original image corresponding to the current display image and having a reference scaling relative to the touch display screen, wherein the original position comprises a first horizontal distance and a first vertical distance of an upper left corner of the original image relative to the upper left corner of the touch display screen, and in the case that the current scaling is larger than a second preset scaling, the method further comprises: setting a distance of a left side of the dragged current display image with respect to a left side of the touch display screen to a first horizontal distance in a case where the distance of the left side of the dragged current display image with respect to the left side of the touch display screen exceeds the first horizontal distance, setting a distance of a right side of the dragged current display image with respect to the right side of the touch display screen to a first horizontal distance in a case where the distance of the right side of the dragged current display image with respect to the right side of the touch display screen exceeds the first horizontal distance, setting a distance of an upper side of the dragged current display image with respect to the upper side of the touch display screen to a first vertical distance in a case where the distance of the upper side of the dragged current display image with respect to the upper side of the touch display screen exceeds the first vertical distance, and setting a distance of a lower side of the dragged current display image with respect to the lower side of the touch display screen exceeds the first vertical distance in a case where the distance of the lower side of the dragged current display image with respect to the lower side of the touch display screen exceeds the first vertical distance, and setting the distance of the lower side of the dragged current display image relative to the lower side of the touch display screen as a first vertical distance.
According to an aspect of the present disclosure, there is provided an image processing apparatus including: the first screen touch information acquisition module is used for acquiring first screen touch information on a touch display screen, wherein the first screen touch information comprises information corresponding to a sliding gesture; a current zoom ratio determination module for determining a current zoom ratio of a current display image displayed on the touch display screen; and the dragging display module is used for switching the current display image into a previous display image or a next display image adjacent to the current display image based on the first screen touch information when the current zoom ratio is smaller than or equal to a first preset zoom ratio, and dragging and displaying the current display image based on the first screen touch information when the current zoom ratio is larger than the first preset zoom ratio.
According to an example of the present disclosure, the information corresponding to the slide gesture includes coordinates of an initial touch point before performing the slide processing on the touch display screen and coordinates of a post-slide touch point after the slide processing, and the drag display module is further configured to: acquiring a first position of the current display image relative to the touch display screen; determining a sliding offset based on the coordinates of the initial touch point and the coordinates of the slid touch point; determining a second position of the currently displayed image relative to the touch display screen based on the first position and the sliding offset; and dragging the currently displayed image from the first location to the second location.
According to an example of the present disclosure, the apparatus further includes an original position obtaining module configured to obtain an original position of an original image corresponding to the currently displayed image and having a reference zoom ratio with respect to the touch display screen, where the original position includes a first horizontal distance and a first vertical distance of an upper left corner of the original image with respect to the upper left corner of the touch display screen, and in a case where the current zoom ratio is greater than a second predetermined zoom ratio, the drag display module is further configured to: setting a distance of a left side of the dragged current display image with respect to a left side of the touch display screen to a first horizontal distance in a case where the distance of the left side of the dragged current display image with respect to the left side of the touch display screen exceeds the first horizontal distance, setting a distance of a right side of the dragged current display image with respect to the right side of the touch display screen to a first horizontal distance in a case where the distance of the right side of the dragged current display image with respect to the right side of the touch display screen exceeds the first horizontal distance, setting a distance of an upper side of the dragged current display image with respect to the upper side of the touch display screen to a first vertical distance in a case where the distance of the upper side of the dragged current display image with respect to the upper side of the touch display screen exceeds the first vertical distance, and setting a distance of a lower side of the dragged current display image with respect to the lower side of the touch display screen exceeds the first vertical distance in a case where the distance of the lower side of the dragged current display image with respect to the lower side of the touch display screen exceeds the first vertical distance, and setting the distance of the lower side of the dragged current display image relative to the lower side of the touch display screen as a first vertical distance.
According to an aspect of the present disclosure, there is provided an image processing apparatus, the apparatus including: a processor; and a memory in which computer-readable program instructions are stored, wherein the above-described image processing method is performed when the computer-readable program instructions are executed by the processor.
According to an aspect of the present disclosure, there is provided a computer-readable storage medium for storing computer-readable instructions, which, when executed by a computer, cause the computer to perform the above-described image processing method.
In the above aspect of the present disclosure, multiple operation modes may be provided to the user according to the scaling selection, improving the user experience.
Drawings
The above and other objects, features and advantages of the present disclosure will become more apparent by describing in more detail embodiments of the present disclosure with reference to the attached drawings. The accompanying drawings are included to provide a further understanding of the embodiments of the disclosure and are incorporated in and constitute a part of this specification, illustrate embodiments of the disclosure and together with the description serve to explain the principles of the disclosure and not to limit the disclosure. In the drawings, like reference numbers generally represent like parts or steps.
FIG. 1 is a flow chart of an image processing method according to an embodiment of the present disclosure;
FIG. 2 is a flow chart of a method of drag displaying a currently displayed image according to an embodiment of the present disclosure;
FIG. 3 is a schematic diagram of a drag display of a currently displayed image according to an embodiment of the present disclosure;
FIG. 4 is a schematic diagram of an original display image with a preset zoom scale of 1 relative to an original position of the touch display screen according to an embodiment of the disclosure;
FIG. 5 is another schematic diagram of an original display image with a preset zoom scale of 1 relative to an original position of the touch display screen in accordance with an embodiment of the present disclosure;
FIG. 6 is a schematic diagram of an image processing apparatus according to an embodiment of the present disclosure;
FIG. 7 is a schematic diagram of an image processing apparatus according to an embodiment of the present disclosure;
fig. 8 is a schematic diagram of a computer-readable storage medium according to an embodiment of the present disclosure.
Detailed Description
The technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the drawings in the embodiments of the present disclosure. It is to be understood that the described embodiments are merely exemplary of some, and not all, of the present disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without any inventive step, are intended to be within the scope of the present disclosure.
Flow charts are used herein to illustrate steps of methods according to embodiments of the present application. It should be understood that the preceding and following steps are not necessarily performed in the exact order in which they are performed. Rather, various steps may be processed in reverse order or simultaneously. Meanwhile, other operations may be added to the processes, or a certain step or steps may be removed from the processes.
First, an image processing method for implementing an embodiment of the present disclosure is described with reference to fig. 1. For example, the method may be implemented in software, hardware, firmware, or any combination thereof, loaded and executed by a processor in a device such as a cell phone, a tablet, a laptop, a desktop, a web server, or the like. By the method, the user experience can be improved.
For example, the image processing method of the present disclosure may be applied to various suitable fields, such as automobile displays and the like. For example, a set of images may be taken around a car that needs to be currently displayed, approximately 2 images with different resolutions may be taken every 10 degrees, for a total of 72 images, and then the images may be switched or dragged for display according to the image processing method of the present disclosure.
As shown in fig. 1, the image processing method 100 includes the following steps S101-S103.
In step S101, first screen touch information on a touch display screen is acquired, where the first screen touch information includes information corresponding to a slide gesture.
In step S102, a current zoom ratio of a currently displayed image displayed on the touch display screen is determined.
In step S103, when the current zoom ratio is less than or equal to a first predetermined zoom ratio, a currently displayed image is switched to a previous displayed image or a next displayed image adjacent to the currently displayed image based on the first screen touch information, and when the current zoom ratio is greater than the first predetermined zoom ratio, the currently displayed image is dragged and displayed based on the first screen touch information.
For example, for step S101, it may be first detected by a sensor on the touch display screen whether there is screen touch information. The screen touch information may include information corresponding to a single-finger swipe gesture, information corresponding to a double-finger swipe gesture, information corresponding to a swipe gesture with more than two fingers, information corresponding to a double-finger zoom gesture, information corresponding to a zoom gesture with more than two fingers, and the like. The information corresponding to the sliding gesture is taken as an example to perform corresponding processing on the touch display screen.
For step S102, for example, the current scaling size may be between 0.92-5.5.
For step S103, for example, when the current zoom ratio is less than or equal to a first predetermined zoom ratio, the current display image is switched to a previous display image or a next display image adjacent to the current display image based on the first screen touch information. For example, the first predetermined scaling may be set to 1.5 times. It should be appreciated that the first predetermined scaling may be adaptively set as desired, and the disclosure is not limited. For example, when a plurality of pictures are stored in the current gallery, the stored pictures may be sequentially displayed in order according to the sliding gesture when the current zoom scale is less than or equal to the first predetermined zoom scale.
Fig. 2 illustrates a flowchart of a method of drag-displaying a currently displayed image according to an embodiment of the present disclosure. For example, the information corresponding to the sliding gesture may include coordinates Point1 of the initial touch Point before the sliding process is performed on the touch display screen (x0, y0), and coordinates Point2 of the post-sliding touch Point after the sliding process (x1, y 1). As illustrated in fig. 2, dragging display of the currently displayed image based on the first screen touch information when the current zoom ratio (e.g., 2 times) is greater than the first predetermined zoom ratio (e.g., 1.5 times) may include: acquiring a first position of the current display image relative to the touch display screen (S201); determining a sliding offset amount based on the coordinates of the initial touch point and the coordinates of the slid touch point (S202); determining a second position of the currently displayed image relative to the touch display screen based on the first position and the sliding offset amount (S203); and dragging the currently displayed image from the first position to the second position (S204).
Fig. 3 illustrates a schematic diagram of drag-displaying a currently displayed image according to an embodiment of the present disclosure.
Firstly, acquiring a first position PointDownData of a current display image relative to the touch display screen:
PointDownData＝{left_1,top_1} (1)
where left _1 and top _1 represent the horizontal and vertical distances, respectively, of the top left corner of the currently displayed image relative to the top left corner of the touch display screen.
For example, when the vehicle light slides a predetermined distance as a slip start point later, the slip offset amount may be calculated as follows:
offset.x＝x1-x0 (2)
offset.y＝y1-y0 (3)
then a second position of the currently displayed image relative to the touch display screen may be determined based on the first position and the sliding offset:
left_2＝left_0+offset.x (4)
top_2＝top_0+offset.y (5)
where left _2 and top _2 represent the horizontal and vertical distances, respectively, of the upper left corner of the current display image at the location to move the current display image relative to the upper left corner of the touch display screen.
It should be appreciated that the first predetermined scaling ratio may be set as desired and is not limited herein.
For example, an original position of an original display image corresponding to the current display image and having a reference scaling with respect to the touch display screen may be previously set with reference to fig. 4 to 5, and the current display image may be processed with reference to the original position and the reference scaling. In the present disclosure, the reference scaling is set to 1 as an example.
FIG. 4 is a schematic diagram illustrating an original position of an original display image with a preset scale of 1 relative to the touch display screen according to an embodiment of the disclosure. FIG. 5 shows another schematic diagram of an original position of an original display image with a preset zoom scale of 1 relative to the touch display screen according to an embodiment of the disclosure.
As shown in fig. 4, as an example, an initial aspect ratio of an image to be displayed is first acquired. For example, during the scaling and display of an image, the aspect ratio of the image is always equal to the initial aspect ratio. Next, in the case where the aspect ratio of the touch display screen is greater than or equal to the initial aspect ratio of the image to be displayed, the Height of the original display image scaled to 1 is set in advance to be equal to the Height of the touch display screen, and then the original Height _0, the original Width _0, and the original position with respect to the touch display screen of the original display image scaled to 1 are calculated as follows:
Height_0＝windowHeight
Width_0＝Height_0*imgAspect
Left_0＝(windowWidth-Width_0)/2
Top_0＝0 (6)
the method comprises the steps of displaying an original display image on a touch display screen, wherein the original display image comprises a Left upper corner and a right upper corner, the width and the height of the touch display screen are respectively represented by the width and the height of the touch display screen, imgAssict represents an initial width-to-height ratio, and Left _0 and Top _0 respectively represent a first horizontal distance and a first vertical distance of the upper Left corner of the original display image with the scaling ratio of 1 relative to the upper Left corner of the touch display screen. The original position of an original display image with the scaling ratio of 1 relative to the touch display screen is represented by Left _0 and Top _0 as examples.
As another example, as shown in fig. 5, in the case where the touch display screen aspect ratio is smaller than the initial aspect ratio of the image to be displayed, the Width of the original display image scaled to 1 is set in advance to be equal to the Width of the touch display screen in the portrait display direction, and then the original Height _0, original Width _0, and original position with respect to the touch display screen of the original display image scaled to 1 are calculated as follows:
Width_0＝windowWidth
Height_0＝Width_0/imgAspect
Top_0＝(windowHeight-Height_0)/2
Left_0＝0 (7)
the method comprises the steps of displaying an original display image on a touch display screen, wherein the original display image comprises a Left upper corner and a right upper corner, the width and the height of the touch display screen are respectively represented by the width and the height of the touch display screen, imgAssict represents an initial width-to-height ratio, and Left _0 and Top _0 respectively represent a first horizontal distance and a first vertical distance of the upper Left corner of the original display image with the scaling ratio of 1 relative to the upper Left corner of the touch display screen. The original position of an original display image with the scaling ratio of 1 relative to the touch display screen is represented by Left _0 and Top _0 as examples.
For example, after the original position of the original display image corresponding to the current display image with the reference scaling with respect to the touch display screen is obtained through fig. 4 to 5, the current display image may be processed with reference to the original position and the reference scaling.
For example, after obtaining the original position of the original display image at the reference scaling (e.g. scaling of 1) relative to the touch display screen, in case the current scaling (e.g. 1.5) is larger than a second predetermined scaling (e.g. 1), the image processing method may further include: setting the distance of the left side of the dragged current display image relative to the left side of the touch display screen as a first horizontal distance under the condition that the distance of the left side of the dragged current display image relative to the left side of the touch display screen exceeds the first horizontal distance; setting the distance between the right side of the dragged current display image and the right side of the touch display screen as a first horizontal distance under the condition that the distance between the right side of the dragged current display image and the right side of the touch display screen exceeds the first horizontal distance; setting the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen as a first vertical distance under the condition that the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen exceeds the first vertical distance; and under the condition that the distance between the lower side of the dragged current display image and the lower side of the touch display screen exceeds the first vertical distance, setting the distance between the lower side of the dragged current display image and the lower side of the touch display screen as the first vertical distance. Therefore, the dragged image can be prevented from being displayed too far from the center of the screen.
According to the image processing method disclosed by the invention, multiple operation modes can be selected according to the scaling, so that the user experience is improved.
An image processing method according to an embodiment of the present disclosure is described above with reference to fig. 1 to 5. Next, an image processing apparatus according to an embodiment of the present disclosure is described with reference to fig. 6.
As shown in fig. 6, the image processing apparatus 1000 according to the embodiment of the present disclosure includes a first screen touch information acquisition module 1001, a current zoom ratio determination module 1002, a drag display module 1003, and an original position acquisition module 1004. Those skilled in the art understand that: these modules may be implemented in various ways by hardware alone, by software alone, or by a combination thereof, and the present disclosure is not limited to any one of them. These modules may be implemented, for example, by a Central Processing Unit (CPU), image processor (GPU), Tensor Processor (TPU), Field Programmable Gate Array (FPGA) or other form of processing unit having data processing and/or instruction execution capabilities and corresponding computer instructions.
For example, the first screen touch information acquisition module 1001 may detect whether there is screen touch information by touching a sensor on the display screen. The screen touch information may include information corresponding to a single-finger swipe gesture, information corresponding to a double-finger swipe gesture, information corresponding to a swipe gesture with more than two fingers, information corresponding to a double-finger zoom gesture, information corresponding to a zoom gesture with more than two fingers, and the like. The information corresponding to the sliding gesture is taken as an example to perform corresponding processing on the touch display screen.
For example, the current scaling size may be between 0.92-5.5.
For example, the first predetermined scaling may be set to 1.5 times.
It should be appreciated that the first predetermined scaling may be adaptively set as desired, and the disclosure is not limited. For example, when a plurality of pictures are stored in the current gallery, and the current zoom ratio is smaller than or equal to the first predetermined zoom ratio, the drag display module 1003 may sequentially display the stored pictures in order according to the sliding gesture.
For example, the information corresponding to the sliding gesture may include coordinates Point1 of the initial touch Point before the sliding process is performed on the touch display screen (x0, y0), and coordinates Point2 of the post-sliding touch Point after the sliding process (x1, y 1). When the current zoom ratio (e.g., 2 times) is greater than the first predetermined zoom ratio (e.g., 1.5 times), the drag display module 1003 may be further configured to obtain a first position of the currently displayed image relative to the touch display screen; determining a sliding offset based on the coordinates of the initial touch point and the coordinates of the slid touch point; determining a second position of the currently displayed image relative to the touch display screen based on the first position and the sliding offset; and dragging the currently displayed image from the first location to the second location.
First, the dragging display module 1003 may obtain a first position poiintdowndata of the currently displayed image relative to the touch display screen:
PointDownData＝{left_1，top_1} (8)
where left _1 and top _1 represent the horizontal and vertical distances, respectively, of the top left corner of the currently displayed image relative to the top left corner of the touch display screen.
For example, when the vehicle light slides a predetermined distance as a slip start point later, the slip offset amount may be calculated as follows:
offset.x＝x1-x0 (9)
offset.y＝y1-y0 (10)
the drag display module 1003 may determine a second position of the currently displayed image relative to the touch display screen based on the first position and the sliding offset:
left_2＝left_0+offset.x (11)
top_2＝top_0+offset.y (12)
where left _2 and top _2 represent the horizontal and vertical distances, respectively, of the upper left corner of the current display image at the location to move the current display image relative to the upper left corner of the touch display screen.
It should be appreciated that the first predetermined scaling ratio may be set as desired and is not limited herein.
For example, the original position acquiring module 1004 may preset an original position of an original display image corresponding to the current display image and having a reference scaling with respect to the touch display screen with reference to fig. 4 to 5, and process the current display image with reference to the original position and the reference scaling. In the present disclosure, the reference scaling is set to 1 as an example.
For example, after obtaining the original position of the original display image at the reference zoom ratio (e.g., zoom ratio of 1) relative to the touch display screen, in the case that the current zoom ratio (e.g., 1.5) is greater than a second predetermined zoom ratio (e.g., 1), the drag display module 1003 may be further configured to: setting the distance of the left side of the dragged current display image relative to the left side of the touch display screen as a first horizontal distance under the condition that the distance of the left side of the dragged current display image relative to the left side of the touch display screen exceeds the first horizontal distance; setting the distance between the right side of the dragged current display image and the right side of the touch display screen as a first horizontal distance under the condition that the distance between the right side of the dragged current display image and the right side of the touch display screen exceeds the first horizontal distance; setting the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen as a first vertical distance under the condition that the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen exceeds the first vertical distance; and under the condition that the distance between the lower side of the dragged current display image and the lower side of the touch display screen exceeds the first vertical distance, setting the distance between the lower side of the dragged current display image and the lower side of the touch display screen as the first vertical distance. Therefore, the dragged image can be prevented from being displayed too far from the center of the screen.
As can be seen from the image processing device of the present disclosure, multiple operation modes can be selected for the user according to the scaling, and the user experience is improved.
Next, an image processing apparatus 1100 according to an embodiment of the present disclosure is described with reference to fig. 7. Fig. 7 shows a schematic diagram of an image processing device 1100 according to an embodiment of the disclosure. Since the functions of the image processing apparatus 1100 of the present embodiment are the same as the details of the method described hereinabove with reference to fig. 1, a detailed description of the same is omitted here for the sake of simplicity.
The image processing apparatus 1100 of the present disclosure includes a processor 1102; and a memory 1101 in which computer readable instructions are stored, which when executed by the processor perform a method of image processing, the method comprising: acquiring first screen touch information on a touch display screen, wherein the first screen touch information comprises information corresponding to a sliding gesture; determining a current zoom ratio of a currently displayed image displayed on the touch display screen; and when the current zoom ratio is smaller than or equal to a first preset zoom ratio, switching a current display image into a previous display image or a next display image adjacent to the current display image based on the first screen touch information, and when the current zoom ratio is larger than the first preset zoom ratio, dragging and displaying the current display image based on the first screen touch information.
For technical effects of the image processing apparatus 1000 and the image processing device 1100 in different embodiments, reference may be made to technical effects of the image processing method provided in the embodiments of the present disclosure, which are not described herein again.
The image processing apparatus 1000 and the image processing device 1100 may be used for various appropriate electronic devices.
Fig. 8 is a schematic diagram of a computer-readable storage medium 1200 according to an embodiment of the present disclosure.
As shown in fig. 8, the present disclosure also includes a computer-readable storage medium 1200 for storing computer-readable instructions 1201 which, when executed by a computer, the computer performs an image processing method, the method comprising: acquiring first screen touch information on a touch display screen, wherein the first screen touch information comprises information corresponding to a sliding gesture; determining a current zoom ratio of a currently displayed image displayed on the touch display screen; and when the current zoom ratio is smaller than or equal to a first preset zoom ratio, switching a current display image into a previous display image or a next display image adjacent to the current display image based on the first screen touch information, and when the current zoom ratio is larger than the first preset zoom ratio, dragging and displaying the current display image based on the first screen touch information.
The computer-readable storage medium includes, but is not limited to, volatile memory and/or non-volatile memory, for example. The volatile memory may include, for example, Random Access Memory (RAM), cache memory (cache), and/or the like. The non-volatile memory may include, for example, Read Only Memory (ROM), hard disk, flash memory, etc.
Those skilled in the art will appreciate that the disclosure of the present disclosure is susceptible to numerous variations and modifications. For example, the various devices or components described above may be implemented in hardware, or may be implemented in software, firmware, or a combination of some or all of the three.
Further, while the present disclosure makes various references to certain elements of a system according to embodiments of the present disclosure, any number of different elements may be used and run on a client and/or server. The units are illustrative only, and different aspects of the systems and methods may use different units.
It will be understood by those skilled in the art that all or part of the steps of the above methods may be implemented by instructing the relevant hardware through a program, and the program may be stored in a computer readable storage medium, such as a read only memory, a magnetic or optical disk, and the like. Alternatively, all or part of the steps of the above embodiments may be implemented using one or more integrated circuits. Accordingly, each module/unit in the above embodiments may be implemented in the form of hardware, and may also be implemented in the form of a software functional module. The present disclosure is not limited to any specific form of combination of hardware and software.
Unless otherwise defined, all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this disclosure belongs. It will be further understood that terms, such as those defined in commonly used dictionaries, should be interpreted as having a meaning that is consistent with their meaning in the context of the relevant art and will not be interpreted in an idealized or overly formal sense unless expressly so defined herein.
The foregoing is illustrative of the present disclosure and is not to be construed as limiting thereof. Although a few exemplary embodiments of this disclosure have been described, those skilled in the art will readily appreciate that many modifications are possible in the exemplary embodiments without materially departing from the novel teachings and advantages of this disclosure. Accordingly, all such modifications are intended to be included within the scope of this disclosure as defined in the claims. It is to be understood that the foregoing is illustrative of the present disclosure and is not to be construed as limited to the specific embodiments disclosed, and that modifications to the disclosed embodiments, as well as other embodiments, are intended to be included within the scope of the appended claims. The present disclosure is defined by the claims and their equivalents.
Claims (8)
1. An image processing method comprising:
acquiring first screen touch information on a touch display screen, wherein the first screen touch information comprises information corresponding to a sliding gesture;
determining a current zoom ratio of a currently displayed image displayed on the touch display screen; and
and when the current zoom ratio is smaller than or equal to a first preset zoom ratio, switching a current display image into a previous display image or a next display image adjacent to the current display image based on the first screen touch information, and when the current zoom ratio is larger than the first preset zoom ratio, dragging and displaying the current display image based on the first screen touch information.
2. The image processing method according to claim 1, wherein the information corresponding to the slide gesture includes coordinates of an initial touch point before performing the slide processing on the touch display screen and coordinates of a post-slide touch point after the slide processing, and the dragging and displaying the currently displayed image includes:
acquiring a first position of the current display image relative to the touch display screen;
determining a sliding offset based on the coordinates of the initial touch point and the coordinates of the slid touch point;
determining a second position of the currently displayed image relative to the touch display screen based on the first position and the sliding offset; and
dragging the currently displayed image from the first location to the second location.
3. The image processing method of claim 2, the method further comprising:
obtaining an original position of an original image corresponding to the currently displayed image and having a reference scaling with respect to the touch display screen, the original position including a first horizontal distance and a first vertical distance of an upper left corner of the original image with respect to the upper left corner of the touch display screen,
in the case that the current scaling is greater than a second predetermined scaling, the method further comprises:
setting a distance of the left side of the dragged currently displayed image with respect to the left side of the touch display screen to a first horizontal distance in a case where the distance of the left side of the dragged currently displayed image with respect to the left side of the touch display screen exceeds the first horizontal distance,
setting the distance of the right side of the dragged currently displayed image relative to the right side of the touch display screen to be a first horizontal distance in the case that the distance of the right side of the dragged currently displayed image relative to the right side of the touch display screen exceeds the first horizontal distance,
setting the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen as a first vertical distance under the condition that the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen exceeds the first vertical distance, and
and under the condition that the distance between the lower side of the dragged current display image and the lower side of the touch display screen exceeds the first vertical distance, setting the distance between the lower side of the dragged current display image and the lower side of the touch display screen as the first vertical distance.
4. An image processing apparatus comprising:
the first screen touch information acquisition module is used for acquiring first screen touch information on a touch display screen, wherein the first screen touch information comprises information corresponding to a sliding gesture;
a current zoom ratio determination module for determining a current zoom ratio of a current display image displayed on the touch display screen; and
and the dragging display module is used for switching the current display image into a previous display image or a next display image adjacent to the current display image based on the first screen touch information when the current zoom ratio is smaller than or equal to a first preset zoom ratio, and dragging and displaying the current display image based on the first screen touch information when the current zoom ratio is larger than the first preset zoom ratio.
5. The image processing apparatus according to claim 4, wherein the information corresponding to the slide gesture includes coordinates of an initial touch point on the touch display screen before the slide processing is performed and coordinates of a post-slide touch point after the slide processing is performed, and the drag display module is further configured to:
acquiring a first position of the current display image relative to the touch display screen;
determining a sliding offset based on the coordinates of the initial touch point and the coordinates of the slid touch point;
determining a second position of the currently displayed image relative to the touch display screen based on the first position and the sliding offset; and
dragging the currently displayed image from the first location to the second location.
6. The image processing apparatus of claim 5, the apparatus further comprising a raw position acquisition module for acquiring a raw position of a raw image corresponding to the current display image with a reference scaling with respect to the touch display screen, the raw position comprising a first horizontal distance and a first vertical distance of an upper left corner of the raw image with respect to an upper left corner of the touch display screen,
in a case where the current zoom ratio is greater than a second predetermined zoom ratio, the drag display module is further to:
setting a distance of the left side of the dragged currently displayed image with respect to the left side of the touch display screen to a first horizontal distance in a case where the distance of the left side of the dragged currently displayed image with respect to the left side of the touch display screen exceeds the first horizontal distance,
setting the distance of the right side of the dragged currently displayed image relative to the right side of the touch display screen to be a first horizontal distance in the case that the distance of the right side of the dragged currently displayed image relative to the right side of the touch display screen exceeds the first horizontal distance,
setting the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen as a first vertical distance under the condition that the distance of the upper side of the dragged current display image relative to the upper side of the touch display screen exceeds the first vertical distance, and
and under the condition that the distance between the lower side of the dragged current display image and the lower side of the touch display screen exceeds the first vertical distance, setting the distance between the lower side of the dragged current display image and the lower side of the touch display screen as the first vertical distance.
7. An image processing apparatus, the apparatus comprising:
a processor; and
a memory having computer-readable program instructions stored therein,
wherein the computer-readable program instructions, when executed by the processor, perform the method of any of claims 1-6.
8. A computer readable storage medium for storing computer readable instructions which, when executed by a computer, cause the computer to perform the method of any one of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111028504.0A CN113703653A (en) | 2021-09-02 | 2021-09-02 | Image processing method, device, equipment and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111028504.0A CN113703653A (en) | 2021-09-02 | 2021-09-02 | Image processing method, device, equipment and computer readable storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113703653A true CN113703653A (en) | 2021-11-26 |
Family
ID=78657739
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111028504.0A Pending CN113703653A (en) | 2021-09-02 | 2021-09-02 | Image processing method, device, equipment and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113703653A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114612584A (en) * | 2021-12-31 | 2022-06-10 | 北京城市网邻信息技术有限公司 | Image processing method, device, equipment and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101356493A (en) * | 2006-09-06 | 2009-01-28 | 苹果公司 | Portable electronic device for photo management |
| US20100302281A1 (en) * | 2009-05-28 | 2010-12-02 | Samsung Electronics Co., Ltd. | Mobile device capable of touch-based zooming and control method thereof |
| US20140085223A1 (en) * | 2012-09-27 | 2014-03-27 | Hai-Sen Liang | Apparatus and method capable of switching displayed pictures |
| CN104423853A (en) * | 2013-08-22 | 2015-03-18 | 中兴通讯股份有限公司 | Object switching method and device and touch screen terminal |
| CN110275659A (en) * | 2019-06-18 | 2019-09-24 | 北京字节跳动网络技术有限公司 | A kind of image switching method, device, electronic equipment and storage medium |
| US20200371681A1 (en) * | 2017-12-01 | 2020-11-26 | Orange | Method for zooming an image displayed on a touch-sensitive screen of a mobile terminal |
-
2021
- 2021-09-02 CN CN202111028504.0A patent/CN113703653A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101356493A (en) * | 2006-09-06 | 2009-01-28 | 苹果公司 | Portable electronic device for photo management |
| US20100302281A1 (en) * | 2009-05-28 | 2010-12-02 | Samsung Electronics Co., Ltd. | Mobile device capable of touch-based zooming and control method thereof |
| US20140085223A1 (en) * | 2012-09-27 | 2014-03-27 | Hai-Sen Liang | Apparatus and method capable of switching displayed pictures |
| CN104423853A (en) * | 2013-08-22 | 2015-03-18 | 中兴通讯股份有限公司 | Object switching method and device and touch screen terminal |
| US20200371681A1 (en) * | 2017-12-01 | 2020-11-26 | Orange | Method for zooming an image displayed on a touch-sensitive screen of a mobile terminal |
| CN110275659A (en) * | 2019-06-18 | 2019-09-24 | 北京字节跳动网络技术有限公司 | A kind of image switching method, device, electronic equipment and storage medium |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114612584A (en) * | 2021-12-31 | 2022-06-10 | 北京城市网邻信息技术有限公司 | Image processing method, device, equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112835499B (en) | Carousel graph display method, device, equipment and medium | |
| WO2015161809A1 (en) | Picture splitting method and apparatus, and picture loading method and apparatus | |
| CN111290680B (en) | List display method, device, terminal and storage medium | |
| US20160062601A1 (en) | Electronic device with touch screen and method for moving application functional interface | |
| CN113721879B (en) | Image processing method, device, equipment and computer readable storage medium | |
| CN104571904A (en) | Information processing method and electronic equipment | |
| CN109718554B (en) | Real-time rendering method and device and terminal | |
| CN113703653A (en) | Image processing method, device, equipment and computer readable storage medium | |
| US20130236117A1 (en) | Apparatus and method for providing blurred image | |
| US11614845B2 (en) | User interface for application interface manipulation | |
| CN115129278A (en) | Image display control method, system, readable storage medium and electronic device | |
| US20170315773A1 (en) | Virtualizing Applications for Per-Monitor Displaying | |
| CN109739403B (en) | Method and apparatus for processing information | |
| US20150281585A1 (en) | Apparatus Responsive To At Least Zoom-In User Input, A Method And A Computer Program | |
| US20120256964A1 (en) | Information processing device, information processing method, and program storage medium | |
| CN106775634B (en) | Display block display method and device | |
| KR101820657B1 (en) | System and Method for Auto-Scrolling Webtoon Screen Image | |
| CN106126686B (en) | Picture combination method and device and electronic equipment | |
| CN113721818B (en) | Image processing method, device, equipment and computer readable storage medium | |
| US11669234B2 (en) | Method for processing aerial view, electronic device, and storage medium | |
| US20150186018A1 (en) | Electronic apparatus, touch selection method, and non-transitory computer readable medium | |
| CN113448470B (en) | Webpage long screenshot method, device, equipment and storage medium | |
| US9564107B2 (en) | Electronic device and method for adjusting character of page | |
| CN106980622B (en) | Folder processing method and device | |
| CN104571844A (en) | Information processing method and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |