CN110764764B - Webpage end image fixed stretching method and device, computer equipment and storage medium - Google Patents
Webpage end image fixed stretching method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN110764764B CN110764764B CN201910869607.6A CN201910869607A CN110764764B CN 110764764 B CN110764764 B CN 110764764B CN 201910869607 A CN201910869607 A CN 201910869607A CN 110764764 B CN110764764 B CN 110764764B
- Authority
- CN
- China
- Prior art keywords
- target image
- fixed value
- image
- stretched
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 38
- 238000004590 computer program Methods 0.000 claims description 14
- 238000006243 chemical reaction Methods 0.000 claims description 9
- 230000004044 response Effects 0.000 claims description 8
- 230000005540 biological transmission Effects 0.000 claims description 5
- 238000012423 maintenance Methods 0.000 abstract description 2
- 230000006870 function Effects 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 238000001514 detection method Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/60—Rotation of whole images or parts thereof
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a web page end image fixing and stretching method, a web page end image fixing and stretching device, computer equipment and a storage medium, and relates to the technical field of operation and maintenance of base frames. The web page end image fixing and stretching method comprises the following steps: the webpage end obtains the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image; the webpage end receives a stretching instruction, and based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, a center point of the stretched target image is determined according to the stretching instruction, wherein the coordinates of the center point of the stretched target image are the same as those of the center point of the stretched target image without the rotation angle; and the webpage end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the central point of the stretched target image, and displays the stretched target image on a display interface. The web page end image fixed stretching method can realize the fixed stretching of the web page end image.
Description
[ field of technology ]
The present invention relates to the field of operation and maintenance technologies of base frames, and in particular, to a web page end image fixing stretching method, a web page end image fixing stretching device, a web page end image fixing stretching computer device, a web page end image fixing stretching storage medium and a web page end image fixing stretching storage medium.
[ background Art ]
Currently, it is still a problem to implement fixed stretching of an image at a web page end (wherein fixed stretching refers to a point where the image is fixed during stretching of the image, for example, when dragging the vertex at the upper left corner of the image, the vertex at the lower right corner of the image is fixed), because of the principle of drawing the image on a web page end browser. The principle of drawing the image by the browser is that the image is firstly regarded as a rectangular image without rotation angle, the image is drawn in the browser document according to the width and height, the left fixed value and the right fixed value, if the image has rotation angle, the image is rotated based on the center point of the drawn image, and finally the image is presented to the user. The whole process is completed at the millisecond level, and if the image is drawn on the web browser, the fixed stretching of the image cannot be effectively realized.
[ invention ]
In view of the above, the embodiments of the present invention provide a method, an apparatus, a computer device and a storage medium for fixing and stretching an image at a web page end, which are used for solving the problem that the current web page end cannot achieve fixing and stretching of an image.
In a first aspect, an embodiment of the present invention provides a web page end image fixing stretching method, including:
The webpage end obtains the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image;
the webpage end receives a stretching instruction, and based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, a center point of the stretched target image is determined according to the stretching instruction, wherein the coordinates of the center point of the stretched target image are the same as those of the center point of the stretched target image without the rotation angle;
the webpage end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the center point of the stretched target image;
and the webpage end redraws the target image according to the stretched width, height, left fixed value, right fixed value and the rotation angle of the target image, and displays the stretched target image on a display interface.
The aspect and any possible implementation manner as described above further provide an implementation manner, where the obtaining, by the web page end, the width, the height, the left fixed value, the right fixed value, and the rotation angle of the target image includes:
the webpage end initiates an image parameter acquisition request to a webpage server, wherein the image parameter acquisition request comprises an image identifier of the target image, and the image parameter comprises the width, the height, a left fixed value, a right fixed value and a rotation angle of the target image;
The webpage end searches the image parameters of the target image in the webpage server according to the image identification through the response of the webpage server to the image parameter acquisition request, and acquires the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image through the transmission of the image parameters of the target image by the webpage server.
In the aspect and any possible implementation manner described above, there is further provided an implementation manner, where the stretching instruction includes a cursor start coordinate and a cursor stop coordinate, and the determining, based on the width, the height, the left fixed value, the right fixed value, and the rotation angle of the target image, a center point of the target image after stretching according to the stretching instruction includes:
determining vertex coordinates of the target image according to the rotation angle based on the width, the height, the left fixed value and the right fixed value of the target image;
matching the cursor initial coordinate with the vertex coordinate of the target image, and taking the vertex coordinate of the target image successfully matched as a target stretching vertex coordinate;
determining diagonal vertex coordinates, wherein the diagonal vertex coordinates are vertex coordinates which are in diagonal relation with the target stretching vertex coordinates;
Calculating to obtain a target straight line passing through the target stretching vertex coordinates and the diagonal vertex coordinates;
passing the cursor stop coordinates, making a first straight line parallel to a straight line where the width of the target image is located, and making a second straight line parallel to a straight line where the height of the target image is located, so as to obtain two candidate intersection points of the first straight line, the second straight line and the target straight line;
calculating Euclidean distance from coordinates of the two candidate intersection points to the initial coordinates of the cursor, and taking the candidate intersection point with the large Euclidean distance as a target intersection point;
and taking the coordinate of the target intersection point and the midpoint of the diagonal vertex coordinate as the center point of the stretched target image.
The aspect and any possible implementation manner as described above further provide an implementation manner, where the determining, by the web page end, the width, the height, the left fixed value, and the right fixed value of the stretched target image according to the center point of the stretched target image includes:
the webpage end determines the coordinates of the target intersection point when the rotation angle is absent according to the rotation angle;
the webpage end calculates the absolute value of the difference value between the target intersection point after coordinate conversion and the abscissa of the center point of the stretched target image, and the absolute value is used as a first absolute value, and the width of the stretched target image is obtained after the first absolute value is multiplied by 2;
The webpage end calculates the absolute value of the difference between the coordinate-converted target intersection point and the ordinate of the center point of the stretched target image, and the absolute value is used as a second absolute value, and the second absolute value is multiplied by 2 to obtain the height of the stretched target image;
the webpage end compares the coordinate of the target intersection point after coordinate conversion with the size of the abscissa between the diagonal vertex coordinates, determines the abscissa of the point with the small abscissa as a left fixed value, and determines the abscissa of the point with the large abscissa as a right fixed value.
The aspect and any possible implementation manner as described above further provide an implementation manner, where the redrawing, by the web page end, the target image according to the stretched width, height, left fixed value, right fixed value, and the rotation angle includes:
the webpage end draws a rectangular image without a rotation angle in the browser document according to the width, the height, the left fixed value and the right fixed value of the stretched target image;
and the webpage end adopts the rotation angle, and draws the rectangular image by taking the center point of the stretched target image as a rotation center.
In a second aspect, an embodiment of the present invention provides a web-side image fixing stretching apparatus, including:
The image parameter acquisition module is used for acquiring the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image at the webpage end;
the central point determining module is used for receiving a stretching instruction from a webpage, determining a central point of the stretched target image according to the stretching instruction based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, wherein the coordinates of the central point of the stretched target image are the same as those of the central point of the stretched target image without the rotation angle;
the stretched image parameter determining module is used for determining the width, the height, the left fixed value and the right fixed value of the stretched target image according to the center point of the stretched target image at the webpage end;
and the drawing module is used for re-drawing the target image according to the stretched width, height, left fixed value, right fixed value and the rotation angle of the target image at the webpage end, and displaying the stretched target image on a display interface.
In a third aspect, a computer device includes a memory, a processor, and a computer program stored in the memory and executable on the processor, where the steps of the web page end image fixing stretching method are implemented when the processor executes the computer program.
In a fourth aspect, embodiments of the present invention provide a computer-readable storage medium comprising: and the computer program realizes the steps of the web page end image fixed stretching method when being executed by a processor.
In the embodiment of the invention, firstly, the webpage end acquires the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image so as to determine the image parameters of the target image, and the size of the target image is convenient to adjust in real time according to the image parameters; the web page end receives a stretching instruction input by a user, and based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, the center point of the stretched target image is determined according to the stretching instruction, wherein the coordinates of the center point of the stretched target image are the same as those of the center point of the stretched target image when the stretched target image does not have the rotation angle, and the center point of the stretched target image is preferentially determined, so that the center point of the stretched target image before and after rotation is unchanged, and the stretched target image can realize fixation of certain points when stretched; and then the webpage end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the central point of the stretched target image, redraws the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image, and displays the stretched target image on a display interface, so that the webpage end browser can draw by taking the central point of the target image as a reference point when drawing, and the fixed stretching of the target image can be realized when the target image is redrawn by adopting the method.
[ description of the drawings ]
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings that are needed in the embodiments will be briefly described below, it being obvious that the drawings in the following description are only some embodiments of the present invention, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart of a web page end image fixing and stretching method according to an embodiment of the present invention;
FIG. 2 is a schematic diagram showing a target image on a web browser according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of a web page-side image-fixing stretching device according to an embodiment of the invention;
FIG. 4 is a schematic diagram of a computer device in accordance with an embodiment of the invention.
[ detailed description ] of the invention
For a better understanding of the technical solution of the present invention, the following detailed description of the embodiments of the present invention refers to the accompanying drawings.
It should be understood that the described embodiments are merely some, but not all, embodiments of the invention. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
The terminology used in the embodiments of the invention is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in this application and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
It should be understood that the term "and/or" as used herein is merely one of the same fields describing the associated object, meaning that there may be three relationships, e.g., a and/or B, may represent: a exists alone, A and B exist together, and B exists alone. In addition, the character "/" herein generally indicates that the front and rear associated objects are an "or" relationship.
It should be understood that although the terms first, second, third, etc. may be used to describe the preset ranges, etc. in the embodiments of the present invention, these preset ranges should not be limited to these terms. These terms are only used to distinguish one preset range from another. For example, a first preset range may also be referred to as a second preset range, and similarly, a second preset range may also be referred to as a first preset range without departing from the scope of embodiments of the present invention.
Depending on the context, the word "if" as used herein may be interpreted as "at … …" or "at … …" or "in response to a determination" or "in response to detection". Similarly, the phrase "if determined" or "if detected (stated condition or event)" may be interpreted as "when determined" or "in response to determination" or "when detected (stated condition or event)" or "in response to detection (stated condition or event), depending on the context.
Fig. 1 is a flowchart of a web page end image fixing and stretching method in the present embodiment. The web page end image fixing and stretching method can be applied to a web page end browser, and can be adopted to stretch the web page end image. The web browser can be applied to computer equipment, wherein the computer equipment can be used for carrying out man-machine interaction with a user, and the equipment comprises but is not limited to a computer, a smart phone, a tablet and the like.
As shown in fig. 1, the web page end image fixing and stretching method includes the following steps:
s10: the webpage end obtains the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image.
The left fixed value refers to an abscissa value of an intersection point of a straight line where a left boundary of the target image is located and an x-axis under a non-rotation angle on a web browser page, for example, the left fixed value of the target image is x= -3, and a straight line where the left boundary of the target image is located is represented as a coordinate value x= -3. Similarly, the right fixed value refers to the abscissa value of the intersection point of the straight line where the right boundary of the target image is located and the x-axis under the condition that no rotation angle exists on the browser page at the web page end.
It can be understood that, according to the drawing principle of the browser, the target image displayed on the web page end is drawn according to the known width, height, left fixed value, right fixed value and rotation angle. In one embodiment, in order to change the size of the target image at any time, the image parameters of the target image including the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image need to be obtained in advance before stretching the target image.
Further, in step S10, the web page end obtains the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, which specifically includes:
s11: the webpage end initiates an image parameter acquisition request to a webpage server, wherein the image parameter acquisition request comprises an image identifier of a target image, and the image parameter comprises a width, a height, a left fixed value, a right fixed value and a rotation angle of the target image.
Wherein, the image identification refers to an identification for uniquely identifying the image.
It will be appreciated that the image parameters may be stored on a web server, or may be stored locally on a web browser. When the data volume is not large, the image parameters can be stored on a local webpage browser, and when the data volume is large, the image parameters can be stored on a webpage server, so that the operation efficiency of the webpage is improved.
In one embodiment, the image parameters are stored specifically on a web server. When the stretching action is finished (the mouse stops dragging), the webpage end initiates an image parameter acquisition request to the webpage server so as to acquire real-time image parameters of the target image, and therefore the image effect display of the target image on the webpage end interface is quickly responded when the stretching action is performed next time. It can be understood that, the web page end only needs to acquire the image parameters of the current target image each time, and does not need to care about the image parameters in the state of completing other stretching actions (including no need to process the image parameters, such as storing or deleting, etc., only need to cover the latest image parameters with the existing image parameters by requesting each time), so that redundant data operation on the web page end browser can be effectively reduced, and the operation efficiency of the web page end can be improved.
S12: the webpage end searches the image parameters of the target image in the webpage server according to the image identification through the response of the webpage server to the image parameter acquisition request, and acquires the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image through the transmission of the image parameters of the target image by the webpage server.
In one embodiment, in response to the image parameter request, the web server side searches the web server for the image parameter of the target image according to the image identifier. It should be noted that, the target image may have a plurality of image parameters corresponding to different stretching time points, and only the latest image parameters need to be acquired at this time. If the user has operations such as withdrawal, the image parameters at the corresponding time can be searched according to the operations. After the image parameters of the target image are found, the web server sends the image parameters to the web terminal, and the web terminal obtains the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image.
In steps S11-S12, by storing the image parameters in the web server, redundant data operations on the web browser can be effectively reduced, the operation efficiency of the web browser can be improved, and the user can quickly obtain the image parameters of the target image.
S20: the webpage end receives a stretching instruction, and based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, the center point of the stretched target image is determined according to the stretching instruction, wherein the coordinates of the center point of the stretched target image are the same as those of the center point of the stretched target image without the rotation angle.
The stretching instruction is an instruction input by a user to stretch the target image and is used for amplifying or shrinking the target image.
In an embodiment, the web page end receives the stretching instruction input by the user, which may be specifically realized by dragging a preset stretching point on the target image through a mouse. Specifically, there are 8 stretching points on the target image, which are four vertexes of the target image, and a midpoint between every two vertexes. By dragging these 8 stretching points, the target image can be enlarged or reduced. In order to achieve fixed stretching of the target image on the web page end, in this embodiment, based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, and according to the stretching instruction, the center point of the stretched target image is determined, and the coordinates of the center point of the stretched target image and the center point of the stretched target image without the rotation angle are the same, so that the center point of the stretched target image before and after rotation is unchanged, and therefore the fixed stretching of the target image on the web page end is achieved.
It can be understood that, contrary to the principle of drawing an image by a web browser, the web browser draws the image as a rectangular image without rotation angle, and draws the target image in the browser document according to the width, the height, the left fixed value and the right fixed value, determines the center point according to the primarily drawn rectangular image, rotates according to the center point, and cannot guarantee the fixed stretching of the rectangular image when rotating according to the center point. In this embodiment, the center point is found first, which is the same as the coordinates of the center point of the stretched target image when there is no rotation angle. When the center point is found that is the same as the coordinates of the center point of the stretched target image at the time of no rotation angle, it can be determined that the center point of the image is unchanged before and after rotation regardless of how the target image is rotated. In particular, as shown in fig. 2 (the target image is shown as a schematic view on the web browser, there is a rotation angle, O is the center point of the target image before stretching, a, b, c, d, e, f, g and h are 8 stretching points), wherein the center point identical to the coordinates of the center point of the target image after stretching when there is no rotation angle needs to appear in four straight lines (dotted lines) shown in fig. 2. It will be appreciated that when the center point appears in four straight lines shown in fig. 2, there will be a case where the stretching point on the image is fixed regardless of whether the target image is enlarged or reduced, for example, when there is a center point of the stretched target image on the straight line where a and d are located, the stretching point d is fixed when the target image is stretched at the stretching point a; when the target image is stretched at the stretching point d, the stretching point a is fixed. In this embodiment, the function of fixing and stretching the target image can be realized by determining the center point of the stretched target image.
Further, the stretch instruction includes a cursor start coordinate and a cursor stop coordinate.
Further, in step S20, the center point of the stretched target image is determined according to the stretching instruction based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, and specifically includes:
s21: and determining vertex coordinates of the target image according to the rotation angle based on the width, the height, the left fixed value and the right fixed value of the target image.
In one embodiment, after the width, height, left fixed value, right fixed value, and rotation angle of the target image are obtained, the vertex coordinates of the target image may be obtained after the target image is rotated by the rotation angle. Specifically, there is an editable area (an area where a user can process an image) on the web browser, and the target image and the image obtained by stretching the target image are displayed in the editable area. The editable area is preset with a coordinate system, and the coordinates of the image pixel points in the editable area can be determined. After the target image is rotated by adopting the rotation angle, the vertex coordinates of the target image can be quickly obtained according to a preset coordinate system in the editable area.
Further, the vertex coordinates of the target image can be obtained by converting a preset coordinate conversion formula related to the rotation angle.
S22: and matching the cursor initial coordinate with the vertex coordinate of the target image, and taking the vertex coordinate of the successfully matched target image as the target stretching vertex coordinate.
The cursor starting coordinate refers to the starting coordinate of the position of the mouse in the editable area.
It can be appreciated that the web browser needs to determine which vertex the user starts to stretch the target image by matching the cursor start coordinate with the vertex coordinate of the target image. For example, in a stretching process, knowing that the vertex coordinates of the upper left of the target image are (-3, 3), when the cursor start coordinates are also (-3, 3), it can be determined that the user stretches with the vertex of the upper left of the target image, and the vertex coordinates of the upper left of the successfully matched target image are taken as the target stretched vertex coordinates.
S23: and determining diagonal vertex coordinates, wherein the diagonal vertex coordinates are vertex coordinates which are in a diagonal relation with the target stretching vertex coordinates.
It will be appreciated that when the vertex coordinates of the upper left of the target image are the target stretched vertex coordinates, then the vertex coordinates of the lower right of the target image are diagonal vertex coordinates.
S24: and calculating to obtain a target straight line passing through the target stretching vertex coordinates and the diagonal vertex coordinates.
In one embodiment, in the editable area of the web browser, the target stretched vertex coordinates and the diagonal vertex coordinates are known, and the target straight line can be calculated according to the two coordinates.
S25: and (3) crossing the cursor stop coordinates, making a first straight line parallel to the straight line where the width of the target image is located, and making a second straight line parallel to the straight line where the height of the target image is located, so as to obtain two candidate intersection points of the first straight line, the second straight line and the target straight line.
The cursor stop coordinates refer to coordinates at which the position of the mouse stops in the editable area.
S26: and calculating Euclidean distance from coordinates of the two candidate intersection points to the initial coordinates of the cursor, and taking the candidate intersection point with the large Euclidean distance as the target intersection point.
S27: and taking the coordinate of the target intersection point and the midpoint of the diagonal vertex coordinate as the center point of the stretched target image.
In steps S21-S27, a specific embodiment of determining the center point of the stretched target image according to the stretching instruction based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image is provided, and by preferentially determining the center point of the stretched target image, the center point of the stretched target image before and after rotation can be ensured to be unchanged, so that the stretched target image can realize fixation of some points during stretching (specifically, when the stretched point is the top left vertex of the target image, the fixed point on the target image is the bottom right vertex).
Further, in addition to the four vertices of the target image, for four stretching points of the midpoint between every two vertices, a fixed stretching of the target image can be achieved by determining the center point of the stretched target image as well. Specifically, a midpoint between two points of a top left vertex of the target image and a top right vertex of the target image is taken as a target stretching point, so that a center point of the stretched target image can be found on a straight line where the midpoint of the unstretched target image and the target stretching point are located. The center point of the stretched target image and the center point of the stretched target image without rotation angle have the same coordinates, and the vertex at the lower left of the target image, the vertex at the lower right of the target image and the midpoint between the two vertexes are all fixed during stretching the target image.
S30: and the webpage end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the central point of the stretched target image.
In an embodiment, unlike the principle of drawing an image by a web browser, in this embodiment, a center point of a stretched target image is obtained first, and then a width, a height, a left fixed value, and a right fixed value of the stretched target image are determined according to the center point. It will be appreciated that the width, height, left and right fixed values of the stretched target image can be quickly determined without rotation angle based on the coordinate system in which the editable area is located.
Further, in step S30, the web page end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the center point of the stretched target image, which specifically includes:
s31: and the webpage end determines the coordinates of the target intersection point when the rotation angle is not available according to the rotation angle.
S32: and the webpage end calculates the absolute value of the difference between the coordinate-converted target intersection point and the abscissa of the center point of the stretched target image, and the absolute value is used as a first absolute value, and the width of the stretched target image is obtained after multiplying the first absolute value by 2.
S33: and the webpage end calculates the absolute value of the difference between the coordinate-converted target intersection point and the ordinate of the center point of the stretched target image, and multiplies the second absolute value by 2 to obtain the height of the stretched target image.
S34: the webpage end compares the coordinate of the target intersection point after coordinate conversion with the abscissa of the diagonal vertex coordinate, determines the abscissa of the point with the small abscissa as a left fixed value, and determines the abscissa of the point with the large abscissa as a right fixed value.
In steps S31-S34, a specific embodiment is provided in which the web page end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the center point of the stretched target image, and may perform simple calculation in a state without rotation angle, so as to quickly determine the width, the height, the left fixed value and the right fixed value of the stretched target image.
S40: and the webpage end redraws the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image, and displays the stretched target image on a display interface.
It will be appreciated that the width, height, left and right fixed values of the stretched target image are merely the resulting data, and that the target image needs to be redrawn by the drawing function of the browser. The rotation angle is unchanged all the time in the stretching process, and the stretched target image can be displayed according to the rotation angle after the width, the height, the left fixed value and the right fixed value of the stretched target image are determined.
Further, in step S40, the web page end redraws the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image, which specifically includes:
s41: and drawing a rectangular image without a rotation angle in the browser document by the webpage end according to the width, the height, the left fixed value and the right fixed value of the stretched target image.
S42: and the webpage end adopts a rotation angle, and draws the rectangular image by taking the center point of the stretched target image as a rotation center.
In steps S41-S42, a specific embodiment of redrawing a stretched target image by a web page end according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image is provided, and the stretched target image is displayed on a display interface, so that the redrawing of the stretched target image can be realized, and the stretched target image is displayed on the display interface in real time.
In the embodiment of the invention, firstly, the webpage end acquires the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image so as to determine the image parameters of the target image, and the size of the target image is convenient to adjust in real time according to the image parameters; the web page end receives a stretching instruction input by a user, and based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, the center point of the stretched target image is determined according to the stretching instruction, wherein the coordinates of the center point of the stretched target image are the same as those of the center point of the stretched target image when the stretched target image does not have the rotation angle, and the center point of the stretched target image is preferentially determined, so that the center point of the stretched target image before and after rotation is unchanged, and the stretched target image can realize fixation of certain points when stretched; and then the webpage end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the central point of the stretched target image, redraws the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image, and displays the stretched target image on a display interface, so that the webpage end browser can draw by taking the central point of the target image as a reference point when drawing, and the fixed stretching of the target image can be realized when the target image is redrawn by adopting the method.
It should be understood that the sequence number of each step in the foregoing embodiment does not mean that the execution sequence of each process should be determined by the function and the internal logic, and should not limit the implementation process of the embodiment of the present invention.
Based on the web page end image fixing and stretching method provided in the embodiment, the embodiment of the invention further provides a device embodiment for realizing the steps and the method in the method embodiment.
Fig. 3 shows a schematic block diagram of a web page end image fixing and stretching device in one-to-one correspondence with the web page end image fixing and stretching method in the embodiment. As shown in fig. 3, the web page end image fixing and stretching device includes an image parameter obtaining module 10, a center point determining module 20, a stretched image parameter determining module 30 and a drawing module 40. The implementation functions of the image parameter obtaining module 10, the center point determining module 20, the stretched image parameter determining module 30, and the drawing module 40 correspond to the steps corresponding to the web page end image fixing stretching method in the embodiment one by one, so that details are not described in detail in this embodiment.
The image parameter obtaining module 10 is configured to obtain a width, a height, a left fixed value, a right fixed value and a rotation angle of the target image at the web page end.
The center point determining module 20 is configured to receive a stretching instruction from the web page end, and determine a center point of the stretched target image according to the stretching instruction based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, where the coordinates of the center point of the stretched target image and the coordinates of the center point of the stretched target image are the same when the stretched target image has no rotation angle.
The stretched image parameter determining module 30 is configured to determine the width, the height, the left fixed value and the right fixed value of the stretched target image according to the center point of the stretched target image at the web page end.
And the drawing module 40 is used for re-drawing the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image at the webpage end, and displaying the stretched target image on the display interface.
Alternatively, the image parameter acquisition module 10 includes an image parameter request transmission unit and an image parameter acquisition unit.
The image parameter request sending unit is used for initiating an image parameter acquisition request to the web server by the web page end, wherein the image parameter acquisition request comprises an image identifier of a target image, and the image parameter comprises the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image.
The image parameter acquisition unit is used for responding to the image parameter acquisition request by the webpage end through the webpage server, searching the image parameter of the target image in the webpage server according to the image identifier, and acquiring the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image through the transmission of the image parameter of the target image by the webpage server.
Alternatively, the center point determination module 20 includes a vertex coordinate determination unit, a target stretched vertex coordinate determination unit, a diagonal vertex coordinate determination unit, a target straight line acquisition unit, a candidate intersection acquisition unit, a target intersection determination unit, and a stretched center point determination unit.
And the vertex coordinate determining unit is used for determining the vertex coordinates of the target image according to the rotation angle based on the width, the height, the left fixed value and the right fixed value of the target image.
And the target stretching vertex coordinate determining unit is used for matching the cursor initial coordinate with the vertex coordinate of the target image, and taking the vertex coordinate of the successfully matched target image as the target stretching vertex coordinate.
And a diagonal vertex coordinate determination unit configured to determine diagonal vertex coordinates, wherein the diagonal vertex coordinates are vertex coordinates that are in a diagonal relationship with the target stretched vertex coordinates.
And the target straight line acquisition unit is used for calculating and obtaining a target straight line passing through the target stretching vertex coordinates and the diagonal vertex coordinates.
And the candidate intersection point acquisition unit is used for crossing the cursor stop coordinates, making a first straight line parallel to the straight line where the width of the target image is located, and making a second straight line parallel to the straight line where the height of the target image is located, so as to obtain two candidate intersection points of the first straight line, the second straight line and the target straight line.
And the target intersection point determining unit is used for calculating the Euclidean distance from the coordinates of the two candidate intersection points to the initial coordinates of the cursor, and taking the candidate intersection point with the large Euclidean distance as the target intersection point.
And the center point determination unit after stretching is used for taking the coordinate of the target intersection point and the midpoint of the diagonal vertex coordinate as the center point of the target image after stretching.
Alternatively, the post-stretching image parameter determination module 30 includes a rotation-free angle coordinate determination unit, a post-stretching width determination unit, a post-stretching height determination unit, and a left-right fixed value determination unit.
And the rotation angle-free coordinate determining unit is used for determining the coordinate of the target intersection point when the rotation angle is not available according to the rotation angle at the webpage end.
And the stretched width determining unit is used for calculating the absolute value of the difference value between the coordinate-converted target intersection point and the abscissa of the center point of the stretched target image at the webpage end, taking the absolute value as a first absolute value, and multiplying the first absolute value by 2 to obtain the width of the stretched target image.
And the post-stretching height determining unit is used for calculating the absolute value of the difference value between the coordinate-converted target intersection point and the ordinate of the central point of the post-stretching target image at the webpage end, taking the absolute value as a second absolute value, and multiplying the second absolute value by 2 to obtain the height of the post-stretching target image.
The left and right fixed value determining unit is used for comparing the coordinate of the target intersection point after coordinate conversion with the abscissa of the diagonal vertex coordinate at the webpage end, determining the abscissa of the point with the small abscissa as a left fixed value, and determining the abscissa of the point with the large abscissa as a right fixed value.
Alternatively, the drawing module 40 includes a first drawing unit and a second drawing unit.
The first drawing unit is used for drawing a rectangular image without a rotation angle in the browser document according to the width, the height, the left fixed value and the right fixed value of the stretched target image at the webpage end.
And the second drawing unit is used for drawing the rectangular image by adopting the rotation angle at the webpage end and taking the center point of the stretched target image as the rotation center.
In the embodiment of the invention, firstly, the webpage end acquires the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image so as to determine the image parameters of the target image, and the size of the target image is convenient to adjust in real time according to the image parameters; the web page end receives a stretching instruction input by a user, and based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, the center point of the stretched target image is determined according to the stretching instruction, wherein the coordinates of the center point of the stretched target image are the same as those of the center point of the stretched target image when the stretched target image does not have the rotation angle, and the center point of the stretched target image is preferentially determined, so that the center point of the stretched target image before and after rotation is unchanged, and the stretched target image can realize fixation of certain points when stretched; and then the webpage end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the central point of the stretched target image, redraws the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image, and displays the stretched target image on a display interface, so that the webpage end browser can draw by taking the central point of the target image as a reference point when drawing, and the fixed stretching of the target image can be realized when the target image is redrawn by adopting the method.
The present embodiment provides a computer readable storage medium, on which a computer program is stored, where the computer program when executed by a processor implements the web page end image fixing stretching method in the embodiment, and in order to avoid repetition, details are not described herein. Alternatively, the computer program when executed by the processor implements the functions of each module/unit in the web page image fixing and stretching device in the embodiment, and in order to avoid repetition, details are not described herein.
Fig. 4 is a schematic diagram of a computer device according to an embodiment of the present invention. As shown in fig. 4, the computer device 50 of this embodiment includes: the processor 51, the memory 52, and the computer program 53 stored in the memory 52 and capable of running on the processor 51, where the computer program 53 implements the web page image fixing stretching method in the embodiment when executed by the processor 51, and is not repeated herein. Alternatively, the computer program 53, when executed by the processor 51, performs the functions of each model/unit in the web-side image fixing and stretching device in the embodiment, and is not described herein in detail for avoiding repetition.
The computer device 50 may be a desktop computer, a notebook computer, a palm top computer, a cloud server, or the like. Computer device 50 may include, but is not limited to, a processor 51, a memory 52. It will be appreciated by those skilled in the art that fig. 4 is merely an example of a computer device 50 and is not intended to limit the computer device 50, and may include more or fewer components than shown, or may combine certain components, or different components, e.g., a computer device may also include an input-output device, a network access device, a bus, etc.
The processor 51 may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), field programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or the like. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory 52 may be an internal storage unit of the computer device 50, such as a hard disk or memory of the computer device 50. The memory 52 may also be an external storage device of the computer device 50, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card) or the like, which are provided on the computer device 50. Further, the memory 52 may also include both internal storage units and external storage devices of the computer device 50. The memory 52 is used to store computer programs and other programs and data required by the computer device. The memory 52 may also be used to temporarily store data that has been output or is to be output.
It will be apparent to those skilled in the art that, for convenience and brevity of description, only the above-described division of the functional units and modules is illustrated, and in practical application, the above-described functional distribution may be performed by different functional units and modules according to needs, i.e. the internal structure of the apparatus is divided into different functional units or modules to perform all or part of the above-described functions.
The above embodiments are only for illustrating the technical solution of the present invention, and are not limiting; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention, and are intended to be included in the scope of the present invention.
Claims (8)
1. The web page end image fixing and stretching method is characterized by comprising the following steps of:
the webpage end obtains the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image;
The webpage end receives a stretching instruction, and based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, a center point of the stretched target image is determined according to the stretching instruction, wherein the coordinates of the center point of the stretched target image are the same as those of the center point of the stretched target image without the rotation angle;
the webpage end determines the width, the height, the left fixed value and the right fixed value of the stretched target image according to the center point of the stretched target image;
the webpage end redraws the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image after stretching, and the stretched target image is displayed on a display interface;
the stretching instruction comprises a cursor start coordinate and a cursor stop coordinate, the center point of the target image after stretching is determined according to the stretching instruction based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, and the method comprises the following steps:
determining vertex coordinates of the target image according to the rotation angle based on the width, the height, the left fixed value and the right fixed value of the target image;
Matching the cursor initial coordinate with the vertex coordinate of the target image, and taking the vertex coordinate of the target image successfully matched as a target stretching vertex coordinate;
determining diagonal vertex coordinates, wherein the diagonal vertex coordinates are vertex coordinates which are in diagonal relation with the target stretching vertex coordinates;
calculating to obtain a target straight line passing through the target stretching vertex coordinates and the diagonal vertex coordinates;
passing the cursor stop coordinates, making a first straight line parallel to a straight line where the width of the target image is located, and making a second straight line parallel to a straight line where the height of the target image is located, so as to obtain two candidate intersection points of the first straight line, the second straight line and the target straight line;
calculating Euclidean distance from coordinates of the two candidate intersection points to the initial coordinates of the cursor, and taking the candidate intersection point with the large Euclidean distance as a target intersection point;
and taking the coordinate of the target intersection point and the midpoint of the diagonal vertex coordinate as the center point of the stretched target image.
2. The method of claim 1, wherein the web page obtaining the width, the height, the left fixed value, the right fixed value, and the rotation angle of the target image includes:
The webpage end initiates an image parameter acquisition request to a webpage server, wherein the image parameter acquisition request comprises an image identifier of the target image, and the image parameter comprises the width, the height, a left fixed value, a right fixed value and a rotation angle of the target image;
the webpage end searches the image parameters of the target image in the webpage server according to the image identification through the response of the webpage server to the image parameter acquisition request, and acquires the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image through the transmission of the image parameters of the target image by the webpage server.
3. The method of claim 1, wherein the determining, by the web page end, the width, the height, the left fixed value, and the right fixed value of the stretched target image according to the center point of the stretched target image comprises:
the webpage end determines the coordinates of the target intersection point when the rotation angle is absent according to the rotation angle;
the webpage end calculates the absolute value of the difference value between the target intersection point after coordinate conversion and the abscissa of the center point of the stretched target image, and the absolute value is used as a first absolute value, and the width of the stretched target image is obtained after the first absolute value is multiplied by 2;
The webpage end calculates the absolute value of the difference between the coordinate-converted target intersection point and the ordinate of the center point of the stretched target image, and the absolute value is used as a second absolute value, and the second absolute value is multiplied by 2 to obtain the height of the stretched target image;
the webpage end compares the coordinate of the target intersection point after coordinate conversion with the size of the abscissa between the diagonal vertex coordinates, determines the abscissa of the point with the small abscissa as a left fixed value, and determines the abscissa of the point with the large abscissa as a right fixed value.
4. The method of claim 1, wherein the web page end redraws the target image according to the stretched width, height, left constant, right constant, and the rotation angle of the target image, comprising:
the webpage end draws a rectangular image without a rotation angle in the browser document according to the width, the height, the left fixed value and the right fixed value of the stretched target image;
and the webpage end adopts the rotation angle, and draws the rectangular image by taking the center point of the stretched target image as a rotation center.
5. A web-side image fixing and stretching device, comprising:
The image parameter acquisition module is used for acquiring the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image at the webpage end;
the central point determining module is used for receiving a stretching instruction from a webpage, determining a central point of the stretched target image according to the stretching instruction based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image, wherein the coordinates of the central point of the stretched target image are the same as those of the central point of the stretched target image without the rotation angle;
the stretched image parameter determining module is used for determining the width, the height, the left fixed value and the right fixed value of the stretched target image according to the center point of the stretched target image at the webpage end;
the drawing module is used for re-drawing the target image according to the width, the height, the left fixed value, the right fixed value and the rotation angle of the stretched target image at the webpage end, and displaying the stretched target image on a display interface;
the stretching instruction comprises a cursor start coordinate and a cursor stop coordinate, and the stretching instruction is based on the width, the height, the left fixed value, the right fixed value and the rotation angle of the target image; the center point determination module includes:
A vertex coordinate determining unit, configured to determine vertex coordinates of the target image according to the rotation angle based on the width, the height, the left fixed value, and the right fixed value of the target image;
the target stretching vertex coordinate determining unit is used for matching the cursor initial coordinate with the vertex coordinate of the target image, and taking the vertex coordinate of the target image successfully matched as the target stretching vertex coordinate;
a diagonal vertex coordinate determining unit configured to determine a diagonal vertex coordinate, where the diagonal vertex coordinate is a vertex coordinate that is in a diagonal relationship with the target stretched vertex coordinate;
a target straight line obtaining unit, configured to calculate a target straight line passing through the target stretching vertex coordinates and the diagonal vertex coordinates;
a candidate intersection point obtaining unit, configured to obtain two candidate intersection points of the first straight line, the second straight line, and the target straight line by passing the cursor stop coordinate, making a first straight line parallel to the straight line where the width of the target image is located, and making a second straight line parallel to the straight line where the height of the target image is located;
the target intersection point determining unit is used for calculating the Euclidean distance from the coordinates of the two candidate intersection points to the initial coordinates of the cursor, and taking the candidate intersection point with the large Euclidean distance as the target intersection point;
And the center point determination unit after stretching is used for taking the coordinate of the target intersection point and the midpoint of the diagonal vertex coordinate as the center point of the target image after stretching.
6. The apparatus of claim 5, wherein the post-stretching image parameter determination module comprises:
the rotation angle-free coordinate determining unit is used for determining the coordinate of the target intersection point when the rotation angle is not available according to the rotation angle at the webpage end;
the stretched width determining unit is used for calculating the absolute value of the difference value between the target intersection point after coordinate conversion and the abscissa of the center point of the stretched target image at the webpage end, and multiplying the first absolute value by 2 to obtain the width of the stretched target image;
the post-stretching height determining unit is used for calculating the absolute value of the difference value between the coordinate-converted target intersection point and the ordinate of the center point of the stretched target image at the webpage end, and multiplying the second absolute value by 2 to obtain the height of the stretched target image;
the left and right fixed value determining unit is used for comparing the coordinate of the target intersection point after coordinate conversion with the abscissa of the diagonal vertex coordinate at the webpage end, determining the abscissa of the point with the small abscissa as a left fixed value, and determining the abscissa of the point with the large abscissa as a right fixed value.
7. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, characterized in that the processor implements the steps of the web-side image stationary stretching method according to any one of claims 1 to 4 when the computer program is executed.
8. A computer readable storage medium storing a computer program, wherein the computer program when executed by a processor implements the steps of the web page side image fixation stretching method according to any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910869607.6A CN110764764B (en) | 2019-09-16 | 2019-09-16 | Webpage end image fixed stretching method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910869607.6A CN110764764B (en) | 2019-09-16 | 2019-09-16 | Webpage end image fixed stretching method and device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110764764A CN110764764A (en) | 2020-02-07 |
| CN110764764B true CN110764764B (en) | 2024-03-01 |
Family
ID=69329537
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910869607.6A Active CN110764764B (en) | 2019-09-16 | 2019-09-16 | Webpage end image fixed stretching method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110764764B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112667128B (en) * | 2020-12-24 | 2024-07-09 | 携程旅游网络技术（上海）有限公司 | Picture processing method, system, equipment and medium based on browser canvas |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102902535A (en) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | Picture self-adaption method, system and terminal equipment |
| CN103677828A (en) * | 2013-12-10 | 2014-03-26 | 华为技术有限公司 | Coverage drawing method, drawing engine and terminal equipment |
| CN104205031A (en) * | 2014-02-24 | 2014-12-10 | 华为终端有限公司 | Image zoom method and equipment |
| CN104822088A (en) * | 2015-04-16 | 2015-08-05 | 腾讯科技（北京）有限公司 | Video image zooming method and device |
| CN104899911A (en) * | 2015-06-09 | 2015-09-09 | 北京白鹭时代信息技术有限公司 | Image editing method and apparatus |
| CN107704176A (en) * | 2017-10-30 | 2018-02-16 | 努比亚技术有限公司 | A kind of picture-adjusting method and terminal |
| CN107909544A (en) * | 2017-10-31 | 2018-04-13 | 珠海丹德图像技术有限公司 | A kind of method for correcting image and system |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2002140063A (en) * | 2000-11-01 | 2002-05-17 | Mitsubishi Electric Corp | Graphics drawing device |
| JP4837566B2 (en) * | 2004-09-30 | 2011-12-14 | シャープ株式会社 | Image display device, image display method, image display program, and computer-readable recording medium |
-
2019
- 2019-09-16 CN CN201910869607.6A patent/CN110764764B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102902535A (en) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | Picture self-adaption method, system and terminal equipment |
| CN103677828A (en) * | 2013-12-10 | 2014-03-26 | 华为技术有限公司 | Coverage drawing method, drawing engine and terminal equipment |
| CN104205031A (en) * | 2014-02-24 | 2014-12-10 | 华为终端有限公司 | Image zoom method and equipment |
| CN104822088A (en) * | 2015-04-16 | 2015-08-05 | 腾讯科技（北京）有限公司 | Video image zooming method and device |
| CN104899911A (en) * | 2015-06-09 | 2015-09-09 | 北京白鹭时代信息技术有限公司 | Image editing method and apparatus |
| CN107704176A (en) * | 2017-10-30 | 2018-02-16 | 努比亚技术有限公司 | A kind of picture-adjusting method and terminal |
| CN107909544A (en) * | 2017-10-31 | 2018-04-13 | 珠海丹德图像技术有限公司 | A kind of method for correcting image and system |
Non-Patent Citations (1)
| Title |
|---|
| 基于拉伸空间变换算法在DSA配准中的应用;储颖 等;深圳大学学报(理工版)(第2期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110764764A (en) | 2020-02-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113298169B (en) | Rotating target detection method and device based on convolutional neural network | |
| CN112991180B (en) | Image stitching method, device, equipment and storage medium | |
| US20230068025A1 (en) | Method and apparatus for generating road annotation, device and storage medium | |
| CN110782517B (en) | Point cloud labeling method and device, storage medium and electronic equipment | |
| CN110147750B (en) | Image searching method and system based on motion acceleration and electronic equipment | |
| US20210200971A1 (en) | Image processing method and apparatus | |
| JP2023527615A (en) | Target object detection model training method, target object detection method, device, electronic device, storage medium and computer program | |
| WO2020125062A1 (en) | Image fusion method and related device | |
| CN115878935B (en) | Method, system, device, equipment and medium for partial refreshing of chart | |
| CN110764764B (en) | Webpage end image fixed stretching method and device, computer equipment and storage medium | |
| JP7390445B2 (en) | Training method for character positioning model and character positioning method | |
| CN115578486A (en) | Image generation method and device, electronic equipment and storage medium | |
| CN113837194B (en) | Image processing method, image processing apparatus, electronic device, and storage medium | |
| US10607379B2 (en) | Graph drawing system | |
| US11881044B2 (en) | Method and apparatus for processing image, device and storage medium | |
| CN111247517B (en) | Image processing method, device and system | |
| CN114445825A (en) | Character detection method and device, electronic equipment and storage medium | |
| CN113177607B (en) | Method for labeling training object and client | |
| CN115546219B (en) | Detection plate type generation method, plate card defect detection method, device and product | |
| US10592724B2 (en) | Information output method and information processing device | |
| CN110942056A (en) | Clothing key point positioning method and device, electronic equipment and medium | |
| US20170185831A1 (en) | Method and device for distinguishing finger and wrist | |
| CN111179174B (en) | Image stretching method and device based on face recognition points | |
| CN113361371A (en) | Road extraction method, device, equipment and storage medium | |
| CN118135552B (en) | Method, device, equipment and storage medium for identifying non-tag commodity information |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |