CN113535056B - Frame selection adjustment method based on InkCanvas and related equipment - Google Patents
Frame selection adjustment method based on InkCanvas and related equipment Download PDFInfo
- Publication number
- CN113535056B CN113535056B CN202110674000.XA CN202110674000A CN113535056B CN 113535056 B CN113535056 B CN 113535056B CN 202110674000 A CN202110674000 A CN 202110674000A CN 113535056 B CN113535056 B CN 113535056B
- Authority
- CN
- China
- Prior art keywords
- event
- decorator
- frame
- selected area
- selection
- 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 43
- 230000007246 mechanism Effects 0.000 claims abstract description 16
- 238000012544 monitoring process Methods 0.000 claims abstract description 14
- 238000004891 communication Methods 0.000 claims description 10
- 238000005034 decoration Methods 0.000 abstract description 14
- 230000006870 function Effects 0.000 abstract description 10
- 230000008859 change Effects 0.000 abstract description 3
- 239000003086 colorant Substances 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- PXFBZOLANLWPMH-UHFFFAOYSA-N 16-Epiaffinine Natural products C1C(C2=CC=CC=C2N2)=C2C(=O)CC2C(=CC)CN(C)C1C2CO PXFBZOLANLWPMH-UHFFFAOYSA-N 0.000 description 3
- 238000010367 cloning Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000007306 turnover Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000002146 bilateral effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect 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
- 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
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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
Abstract
The invention discloses a frame selection adjusting method based on InkCanvas and related equipment, wherein the method comprises the steps of monitoring a display interface; when a selection event is monitored, acquiring an attribute value of a primary selection frame corresponding to the selection event based on a preset reflection mechanism; creating and displaying a custom frame corresponding to the selection event according to the attribute value; binding a preset adjusting decoration device with the self-defining frame, and executing an operation corresponding to the operation event based on the adjusting decoration device when the operation event aiming at the self-defining frame is monitored. The invention realizes the attachment of a plurality of functions on the selection frame of the I nkCanvas, and can realize a plurality of functions such as color change and the like in the ink drawing board.
Description
Technical Field
The invention relates to the technical field of data processing, in particular to a frame selection adjustment method based on InkCanvas and related equipment.
Background
In a Windows system WPF (Windows Presentation Foundation ) desktop application, there is an ink palette (InkCanvas) control for developing electronic whiteboard software, when ink strokes are selected, a selection box is displayed, which is created and used inside the Net frame bottom layer, only has the function of moving and changing the ink stroke size, the appearance of its shape, color, etc. cannot be changed outside, and other functions such as rotating, deleting, cloning and copying ink strokes, etc. cannot be extended on the selection box. Thus, current InkCanvas-based palette software remains inadequate.
Disclosure of Invention
The invention aims to solve the technical problem that the current frame selection adjustment based on InkCanvas cannot realize the adjustment of parameters such as shape, color appearance and the like, and provides a frame selection adjustment method based on InkCanvas aiming at the defects of the prior art.
In order to solve the technical problems, the technical scheme adopted by the invention is as follows:
an InkCanvas-based frame adjustment method, the method comprising:
monitoring a display interface;
when a selection event is monitored, acquiring an attribute value of a primary selection frame corresponding to the selection event based on a preset reflection mechanism;
creating and displaying a custom frame corresponding to the selection event according to the attribute value;
binding a preset adjusting decoration device with the self-defining frame, and executing an operation corresponding to the operation event based on the adjusting decoration device when the operation event aiming at the self-defining frame is monitored.
The method for adjusting the selection frame based on the InkCanvas comprises the steps of creating a self-defined frame corresponding to the selection event according to the attribute value and displaying the self-defined frame specifically:
creating a custom frame corresponding to the selection event according to the attribute value and a preset display parameter;
and loading and displaying the custom box.
The frame selection adjustment method based on the InkCanvas comprises the steps that the adjustment decorator comprises a stroke decorator, and the operation event comprises a movement event which comprises a pressing event and a dragging event; the performing, based on the adjustment decorator, an operation corresponding to the operation event specifically includes:
when the adjusting decorator is the stroke decorator and the operation event is the moving event, taking the position coordinate corresponding to the pressing event as a starting point coordinate, and judging whether the starting point coordinate is a fixed coordinate corresponding to the adjusting decorator;
if yes, calculating a deviation parameter between a first selected area and a second selected area according to the end point coordinates corresponding to the dragging event, wherein the first selected area is a selected area of a self-defined frame corresponding to the pressing event, and the second selected area is a selected area of the self-defined frame after the dragging event occurs;
and determining a second pixel point corresponding to the first pixel point in the first selected area and a pixel value corresponding to the second pixel point according to the deviation parameter, and obtaining an image corresponding to the second selected area.
The frame selection adjustment method based on the InkCanvas comprises the following steps of; determining a second pixel point corresponding to the first pixel point in the first selected area and a pixel value corresponding to the second pixel point according to the deviation parameter, wherein the obtaining the image corresponding to the second selected area specifically comprises:
calculating the length difference value of the first selected area and the second selected area, and taking the length difference value as the deviation value;
and determining the position coordinates of a second pixel point corresponding to the first pixel point and the pixel value corresponding to the second pixel point according to the deviation value, and obtaining an image corresponding to the second selected area.
The frame selection adjustment method based on the InkCanvas comprises the steps that the adjustment decorator comprises a menu decorator, and the operation event comprises a click event; the operation corresponding to the operation event is executed based on the adjustment decorator, and specifically comprises the following steps:
when the adjusting decorator is the menu decorator and monitors a clicking event, determining a clicking object corresponding to the clicking event in the menu decorator according to clicking coordinates corresponding to the clicking event;
and executing the operation corresponding to the click event according to the click object.
The frame adjustment method based on the InkCanvas comprises a top setting option, a turnover option, a mirror image option, a cloning option and a deleting option.
The frame selection adjustment method based on the InkCanvas further comprises the following steps of, when a selection event is monitored, acquiring an attribute value of a primary frame corresponding to the selection event based on a preset reflection mechanism:
and deleting the primary selection frame.
Frame selection adjusting device based on InkCanvas, wherein specifically includes:
the monitoring module is used for monitoring the display interface;
the acquisition module is used for acquiring the attribute value of the primary selection frame corresponding to the selection event based on a preset reflection mechanism when the selection event is monitored;
the creation module is used for creating and displaying a custom frame corresponding to the selection event according to the attribute value;
and the execution module is used for binding a preset adjusting decoration device with the custom frame, and executing the operation corresponding to the operation event based on the adjusting decoration device when the operation event aiming at the custom frame is monitored.
A computer readable storage medium storing one or more programs executable by one or more processors to implement steps in an inkcanva-based box adjustment method as described in any of the above.
A terminal device, comprising: a processor, a memory, and a communication bus; the memory has stored thereon a computer readable program executable by the processor;
the communication bus realizes connection communication between the processor and the memory;
the processor, when executing the computer readable program, implements the steps in the inkcanva-based box adjustment method as described in any of the above.
The beneficial effects are that: compared with the prior art, the invention provides a frame selection adjusting method based on InkCanvas and related equipment, wherein in the method, when a selection event of a certain area on a user selection interface is monitored in the process of monitoring a display interface, the attribute value of a primary frame originally corresponding to the selection event is acquired based on a reflection mechanism. And then generating a custom frame according to the attribute value and replacing the primary selection frame. Meanwhile, the preset adjusting decorator is bound with the self-defined frame, and when a user operates the self-defined frame later, corresponding operation is executed based on the adjusting decorator, so that crude operation selection of the original initial frame is expanded, the functionality of the self-defined frame is improved, and codes of the whole software are not modified excessively.
Drawings
FIG. 1 is a box selection of a conventional InkCanva.
Fig. 2 is a flow chart of a frame adjustment method based on InkCanvas provided by the invention.
Fig. 3 is a user-defined frame of the frame selection adjustment method based on InkCanvas provided by the invention.
Fig. 4 is a schematic structural diagram of a terminal device provided by the present invention.
Detailed Description
The invention provides a frame selection adjusting method based on InkCanvas and related equipment, and in order to make the purposes, technical schemes and effects of the invention clearer and more definite, the invention is further described in detail below by referring to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the invention.
As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless expressly stated otherwise, as understood by those skilled in the art. It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element or intervening elements may also be present. Further, "connected" or "coupled" as used herein may include wirelessly connected or wirelessly coupled. The term "and/or" as used herein includes all or any element and all combination of one or more of the associated listed items.
It will be understood by those skilled in the art that 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 invention belongs unless defined otherwise. 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 prior art and will not be interpreted in an idealized or overly formal sense unless expressly so defined herein.
The inventor finds that an ink drawing board (inkcanva) control for developing electronic whiteboard software exists in a Windows system WPF (Windows Presentation Foundation ) desktop application program, and when ink strokes are selected, a selection box is displayed, wherein the selection box is created and used by the inside of a Net frame bottom layer, and only has the functions of moving and changing the ink stroke size.
In order to solve the above problems, in the embodiment of the present invention, monitoring is performed on a display interface; when a selection event is monitored, acquiring an attribute value of a primary selection frame corresponding to the selection event based on a preset reflection mechanism; creating and displaying a custom frame corresponding to the selection event according to the attribute value; binding a preset adjusting decoration device with the self-defining frame, and executing an operation corresponding to the operation event based on the adjusting decoration device when the operation event aiming at the self-defining frame is monitored.
The invention will be further described by the description of embodiments with reference to the accompanying drawings. As described in fig. 1, the selection box can only be moved and resized on the default inkcanva. As shown in fig. 2, the present implementation provides a frame selection adjustment method based on InkCanvas, which may include the following steps:
s10, monitoring the display interface.
Specifically, monitoring is performed on a display interface in advance, and events input by a user through input devices such as a mouse and a touch screen are obtained.
And S20, when a selection event is monitored, acquiring an attribute value of a primary selection frame corresponding to the selection event based on a preset reflection mechanism.
Specifically, when a selection event is monitored, that is, a user selects the content of a certain area in the whiteboard, an attribute value of a primary selection frame corresponding to the selection event should be generated according to parameters such as coordinates of a selection start point in the selection event. And generating a primary selection frame corresponding to the selection event according to the attribute value. And acquiring the attribute value of the primary selection frame based on a reflection mechanism in the process of generating the primary selection frame.
The launching mechanism is a feature of many program development languages that allows the running program to examine itself, so that by way of the reflecting mechanism, multiple internal properties in the running program can be obtained. In this embodiment, a collection of decorators in the drawing board, also referred to as a decoration layer, is acquired based on a reflection mechanism. The primary frame itself is a decorator, so the attribute value of the primary frame can be obtained based on the reflection mechanism.
S30, creating and displaying a custom frame corresponding to the selection event according to the attribute value.
Specifically, in this embodiment, the attribute value mainly refers to the position information of the initial selection frame. Taking fig. 1 as an example, the primary selection frame is a rectangle, 8 points such as the upper left and the lower left of the rectangle are marking points, and the position information of the primary selection frame includes the position coordinate of each marking point in the primary selection frame, namely the marking coordinate. And then creating a custom box according to the attribute values. In addition, the attribute value may also include values of parameters such as shape, color, etc. of the preliminary frame. In the first implementation manner of this embodiment, the custom frame is created directly according to all the attribute information of the initial selection frame, and the custom frame is a selection frame whose appearance is completely consistent with that of the initial selection frame. In a second implementation manner of this embodiment, a plurality of display parameters are preset, where the display parameters include a display color of the custom frame, a thickness of a line of the frame line, and a virtual-real parameter. And creating a custom selection frame according to the coordinate position in the attribute value of the initial selection frame and preset display parameters. As shown in fig. 3, the colors, the thicknesses, and the virtual and real values of the finally created custom frame and the initially selected frame are different.
Meanwhile, in order to avoid response of the primary selection frame and disturbance of response when a subsequent user operates the self-defined frame, the primary selection frame is deleted from the decorator of the decoration layer after the attribute value of the primary selection frame is obtained.
And S40, binding a preset adjusting decoration device with the self-defining frame, and executing an operation corresponding to the operation event based on the adjusting decoration device when the operation event aiming at the self-defining frame is monitored.
Specifically, after the custom frame is obtained, in order to realize the function which cannot be realized by the original primary selection frame, a preset adjusting decorator is bound with the custom frame. A visual set is preset, and an adjusting decorator is arranged in the visual set. In this embodiment, the adjusting decorator is a generic name of a type of decorator, and is mainly used for adjusting the custom frame after binding with the custom frame. Since the adjustment decorator is located in the visualization set, the adjustment decorator is also displayed in the display screen after binding. The adjustment of the custom box includes size adjustment, shape adjustment, content adjustment, and the like. In this embodiment, the selected adjustment decorator includes a stroke decorator and/or a menu decorator.
The stroke decorator is used to move, rotate, change the color, thickness, borders of the stroke, etc. of the stroke in relation to the stroke that has been selected. The menu decorator is used to display executable operations such as displaying delete, displaying clone, etc. In FIG. 3, the stroke decorator binds with the mark points of the custom box.
Based on the stroke decorator and/or the menu decorator, monitoring the display interface to acquire an operation event sent by a user based on the display interface.
In a first implementation of this embodiment, the adjustment decorator includes only the stroke decorator, and the monitored operation event is mainly a movement event.
The movement event is composed of three parts, a click event, a drag event, and a lift event. When a clicking event is monitored, position coordinates corresponding to the clicking event are determined first, and the position coordinates are used as starting point coordinates. And judging whether the starting point coordinates are equal to the fixed coordinates corresponding to the adjusting decorator. If yes, determining an operation object corresponding to the operation event according to the starting point coordinates. The fixed coordinate adjusting decorator in the adjusting decorator carries out binding position coordinates with the self-defining frame and position coordinates binding with the operation options, and the fixed coordinate adjusting decorator comprises marking points of the self-defining frame, all pixel points in the self-defining frame and position coordinates corresponding to options of stroke colors and thickness set on an operation interface of software.
When the operation object is a mark point of the custom box, it means that the user is to zoom in or out. When the operation object is a rotation option of the custom box, it means that the user performs a rotation operation. When the operation object is inside the custom box, this means that the user moves all the contents in the custom box. Further, in this embodiment, the content in the custom frame may be deformed, for example, the interior of the custom frame is rectangular, and may be changed into an irregular quadrilateral by deformation. The result of the movement event therefore includes not only the movement, up, down, left, right, scaling of the size, but also rotation, deformation, etc. of the image in the custom box.
Therefore, when the dragging event is monitored, the offset parameters before and after dragging are calculated according to the change of the position coordinates in the dragging event. The offset parameter in this embodiment includes an offset value and an offset ratio.
Taking a self-defined frame as a rectangular frame as an example, taking an area corresponding to the self-defined frame before a dragging event as a first selected area, taking an area corresponding to the self-defined frame after the dragging event as a second selected area, calculating the length difference between the first selected area and the second selected area, and then calculating offset coordinates corresponding to all first pixel points in the first selected area according to the preset origin and the length difference, wherein the offset coordinates are the coordinates of second pixel points corresponding to the first pixel points. And determining the pixel value of a second pixel point corresponding to the first pixel point in the second selected area according to the offset coordinate and the pixel value corresponding to the first pixel point for each first pixel point in the first selected area. Calculating an offset ratio between the first selected area and the second selected area, calculating proportional coordinates corresponding to all first pixel points in the first selected area according to the original point and the offset ratio, and determining the pixel value of a second pixel point corresponding to the first pixel point in the second selected area according to the proportional coordinates corresponding to the first pixel point and the pixel value aiming at each first pixel point in the first selected area.
For image deformation, an affine function is calculated according to the coordinates of the calibration point of the first selected area and the coordinates of the calibration point of the second selected area, the calibration point of the first selected area is named as a first calibration point for distinguishing, the calibration point of the second selected area is named as a second calibration point, and the affine function is calculated according to the position coordinates of the first calibration point and the second calibration point. And then calculating the position coordinates of the second pixel point corresponding to each first pixel point based on the affine function. And then determining the pixel value of the second pixel point according to the pixel value of the first pixel point to obtain an image corresponding to the second selected area.
In addition, when the stroke decorator exists, the color options, the stroke weight options and other options are also monitored, and when the clicking events aiming at the options are monitored, the colors and the weight values of the strokes in the custom frame are adjusted according to the clicking objects corresponding to the clicking events, such as the colors and the weight values.
In a second implementation of this embodiment, the adjustment decorator includes only a menu decorator, and the monitored operation event is mainly a movement event. Whereas click events include only click events and lift events. When the custom box is displayed, the bound menu decorator will also be displayed on the interface because the adjust decorator is a member of the visualization set. And determining click coordinates according to the click events, determining a click object according to the click coordinates, and executing operations corresponding to the click object.
In this embodiment, the click object includes a set-top option, a flip option, a mirror option, a clone option, and a delete option.
If the click object is the top setting option, a top setting layer is created, then the image in the custom frame is copied to the top setting layer, and the image is deleted in the initial layer, namely the image is in the layer.
If the click object is a turning option, determining a turning symmetry axis corresponding to the custom frame according to the position coordinates corresponding to the custom frame. And then, based on the turning symmetry axis, calculating the position coordinates of the second pixel point corresponding to each first pixel point in the first selected area, and determining the pixel value of the second pixel point according to the pixel value of the first pixel point, thereby obtaining the image corresponding to the second selected area.
If the clicked object is a mirror image option, a mirror image menu is popped up, a plurality of mirror image symmetry axes are listed in the mirror image menu, and meanwhile, the display screen is monitored, so that a target symmetry axis in the mirror image symmetry axes selected by a user is determined. And then, based on the target symmetry axis, determining the position coordinates and the pixel values of the second pixel points corresponding to the first pixel points, thereby obtaining the image corresponding to the second selected area. In this embodiment, the mirror symmetry axis includes bilateral symmetry, up-down symmetry, radial symmetry, and the like.
In a third implementation of the present embodiment, the adjustment decorator includes a stroke decorator and a menu decorator. When the operation event is monitored, determining an operation to be executed according to the operation event. Since this process is similar to the combination of the first implementation and the second implementation, a detailed description thereof is omitted.
Based on the above-mentioned frame selection adjustment method based on InkCanvas, this embodiment provides a frame selection adjustment device based on InkCanvas, where the frame selection adjustment device based on InkCanvas includes:
the monitoring module is used for monitoring the display interface;
the acquisition module is used for acquiring the attribute value of the primary selection frame corresponding to the selection event based on a preset reflection mechanism when the selection event is monitored;
the creation module is used for creating and displaying a custom frame corresponding to the selection event according to the attribute value;
and the execution module is used for binding a preset adjusting decoration device with the custom frame, and executing the operation corresponding to the operation event based on the adjusting decoration device when the operation event aiming at the custom frame is monitored.
The creation module is specifically configured to:
creating a custom frame corresponding to the selection event according to the attribute value and a preset display parameter;
and loading and displaying the custom box.
Wherein the adjust decorator comprises a stroke decorator, the operational event comprises a movement event comprising a press event and a drag event; the execution module comprises:
the judging unit is used for taking the position coordinate corresponding to the pressing event as the starting point coordinate when the adjusting decorator is the stroke decorator and the operation event is the moving event, and judging whether the starting point coordinate is a fixed coordinate corresponding to the adjusting decorator or not;
the computing unit is used for computing deviation parameters between a first selected area and a second selected area according to the end point coordinates corresponding to the dragging event if the dragging event occurs, wherein the first selected area is a selected area of a user-defined frame corresponding to the pressing event, and the second selected area is a selected area of the user-defined frame after the dragging event occurs;
and the determining unit is used for determining a second pixel point corresponding to the first pixel point in the first selected area and a pixel value corresponding to the second pixel point according to the deviation parameter to obtain an image corresponding to the second selected area.
Wherein the deviation parameter comprises a deviation value; the determining unit is specifically configured to:
calculating the length difference value of the first selected area and the second selected area, and taking the length difference value as the deviation value;
and determining the position coordinates of a second pixel point corresponding to the first pixel point and the pixel value corresponding to the second pixel point according to the deviation value, and obtaining an image corresponding to the second selected area.
Wherein the adjustment decorator comprises a menu decorator and the operational event comprises a click event; the execution unit is specifically configured to:
when the adjusting decorator is the menu decorator and monitors a clicking event, determining a clicking object corresponding to the clicking event in the menu decorator according to clicking coordinates corresponding to the clicking event;
and executing the operation corresponding to the click event according to the click object.
The click object comprises a top setting option, a turnover option, a mirror image option, a cloning option and a deleting option.
The frame selection adjusting device based on the InkCanvas further comprises a deleting module, wherein the deleting module is specifically used for:
and deleting the primary selection frame.
Based on the above-described InkCanvas-based frame adjustment method, the present embodiment provides a computer-readable storage medium storing one or more programs executable by one or more processors to implement the steps in the InkCanvas-based frame adjustment method as described in the above-described embodiments.
Based on the above frame selection adjustment method based on InkCanvas, the present invention also provides a terminal device, as shown in fig. 4, which includes at least one processor (processor) 20; a display screen 21; and a memory (memory) 22, which may also include a communication interface (Communications Interface) 23 and a bus 24. Wherein the processor 20, the display 21, the memory 22 and the communication interface 23 may communicate with each other via a bus 24. The display screen 21 is configured to display a user guidance interface preset in the initial setting mode. The communication interface 23 may transmit information. The processor 20 may invoke logic instructions in the memory 22 to perform the methods of the embodiments described above.
Furthermore, the logic instructions in the memory 22 described above may be implemented in the form of software functional units and may be stored in a computer-readable storage medium when sold or used as a stand-alone product.
The memory 22, as a computer readable storage medium, may be configured to store a software program, a computer executable program, such as program instructions or modules corresponding to the methods in the embodiments of the present disclosure. The processor 20 performs functional applications and data processing, i.e. implements the methods of the embodiments described above, by running software programs, instructions or modules stored in the memory 22.
The memory 22 may include a storage program area that may store an operating system, at least one application program required for functions, and a storage data area; the storage data area may store data created according to the use of the terminal device, etc. In addition, the memory 22 may include high-speed random access memory, and may also include nonvolatile memory. For example, a plurality of media capable of storing program codes such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk or an optical disk, or a transitory computer readable storage medium may be used.
In addition, the specific processes that the computer readable storage medium and the plurality of instruction processors in the terminal device load and execute are described in detail in the above method, and are not stated here.
Finally, it should be noted that: 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.
Claims (9)
1. An InkCanvas-based frame adjustment method, comprising:
monitoring a display interface;
when a selection event is monitored, acquiring an attribute value of a primary selection frame corresponding to the selection event based on a preset reflection mechanism;
creating and displaying a custom frame corresponding to the selection event according to the attribute value;
binding a preset adjusting decorator with the self-defining frame, and executing an operation corresponding to the operation event based on the adjusting decorator when the operation event aiming at the self-defining frame is monitored;
the adjustment decorator includes a stroke decorator, the operation event includes a movement event including a press event and a drag event; the performing, based on the adjustment decorator, an operation corresponding to the operation event specifically includes:
when the adjusting decorator is the stroke decorator and the operation event is the moving event, taking the position coordinate corresponding to the pressing event as a starting point coordinate, and judging whether the starting point coordinate is a fixed coordinate corresponding to the adjusting decorator;
if yes, calculating a deviation parameter between a first selected area and a second selected area according to the end point coordinates corresponding to the dragging event, wherein the first selected area is a selected area of a self-defined frame corresponding to the pressing event, and the second selected area is a selected area of the self-defined frame after the dragging event occurs;
and determining a second pixel point corresponding to the first pixel point in the first selected area and a pixel value corresponding to the second pixel point according to the deviation parameter, and obtaining an image corresponding to the second selected area.
2. The InkCanvas-based box adjustment method according to claim 1, wherein creating a custom box corresponding to the selection event and displaying the custom box according to the attribute value specifically comprises:
creating a custom frame corresponding to the selection event according to the attribute value and a preset display parameter;
and loading and displaying the custom box.
3. The InkCanvas-based box adjustment method of claim 1, wherein the deviation parameter comprises a deviation value; determining a second pixel point corresponding to the first pixel point in the first selected area and a pixel value corresponding to the second pixel point according to the deviation parameter, wherein the obtaining the image corresponding to the second selected area specifically comprises:
calculating the length difference value of the first selected area and the second selected area, and taking the length difference value as the deviation value;
and determining the position coordinates of a second pixel point corresponding to the first pixel point and the pixel value corresponding to the second pixel point according to the deviation value, and obtaining an image corresponding to the second selected area.
4. The InkCanvas-based box adjustment method of claim 1, wherein the adjustment decorator comprises a menu decorator and the operational event comprises a click event; the operation corresponding to the operation event is executed based on the adjustment decorator, and specifically comprises the following steps:
when the adjusting decorator is the menu decorator and monitors a clicking event, determining a clicking object corresponding to the clicking event in the menu decorator according to clicking coordinates corresponding to the clicking event;
and executing the operation corresponding to the click event according to the click object.
5. The inkcanva-based box adjustment method of claim 4, wherein the click objects include a set top option, a flip option, a mirror option, a clone option, and a delete option.
6. The InkCanvas-based frame adjustment method according to any one of claims 1-5, wherein when a selection event is monitored, after obtaining an attribute value of a primary frame corresponding to the selection event based on a preset reflection mechanism, the method further comprises:
and deleting the primary selection frame.
7. Frame selection adjusting device based on InkCanvas, which is characterized by comprising the following specific components:
the monitoring module is used for monitoring the display interface;
the acquisition module is used for acquiring the attribute value of the primary selection frame corresponding to the selection event based on a preset reflection mechanism when the selection event is monitored;
the creation module is used for creating and displaying a custom frame corresponding to the selection event according to the attribute value;
the execution module is used for binding a preset adjusting decorator with the custom frame, and executing an operation corresponding to an operation event based on the adjusting decorator when the operation event aiming at the custom frame is monitored;
wherein the adjust decorator comprises a stroke decorator, the operational event comprises a movement event comprising a press event and a drag event; the performing, based on the adjustment decorator, an operation corresponding to the operation event specifically includes:
when the adjusting decorator is the stroke decorator and the operation event is the moving event, taking the position coordinate corresponding to the pressing event as a starting point coordinate, and judging whether the starting point coordinate is a fixed coordinate corresponding to the adjusting decorator;
if yes, calculating a deviation parameter between a first selected area and a second selected area according to the end point coordinates corresponding to the dragging event, wherein the first selected area is a selected area of a self-defined frame corresponding to the pressing event, and the second selected area is a selected area of the self-defined frame after the dragging event occurs;
and determining a second pixel point corresponding to the first pixel point in the first selected area and a pixel value corresponding to the second pixel point according to the deviation parameter, and obtaining an image corresponding to the second selected area.
8. A computer-readable storage medium storing one or more programs executable by one or more processors to implement the steps in the InkCanvas-based box adjustment method of any of claims 1-6.
9. A terminal device, comprising: a processor, a memory, and a communication bus; the memory has stored thereon a computer readable program executable by the processor;
the communication bus realizes connection communication between the processor and the memory;
the processor, when executing the computer readable program, implements the steps in the inkcanva-based box adjustment method as claimed in any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110674000.XA CN113535056B (en) | 2021-06-17 | 2021-06-17 | Frame selection adjustment method based on InkCanvas and related equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110674000.XA CN113535056B (en) | 2021-06-17 | 2021-06-17 | Frame selection adjustment method based on InkCanvas and related equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113535056A CN113535056A (en) | 2021-10-22 |
| CN113535056B true CN113535056B (en) | 2023-12-05 |
Family
ID=78125083
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110674000.XA Active CN113535056B (en) | 2021-06-17 | 2021-06-17 | Frame selection adjustment method based on InkCanvas and related equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113535056B (en) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6002402A (en) * | 1997-04-09 | 1999-12-14 | Symantec Corporation | System and method for producing a drag-and-drop object from a popup menu item |
| JP2001109577A (en) * | 1999-10-12 | 2001-04-20 | Canon Inc | Method and device for coordinate input |
| US8166394B1 (en) * | 2009-09-22 | 2012-04-24 | Adobe Systems Incorporated | Systems and methods for implementing and using event tracking and analytics in electronic content |
| CN103049187A (en) * | 2012-11-08 | 2013-04-17 | 南京芒冠光电科技股份有限公司 | Signal processing method for spliced type multi-screen interactive electronic whiteboard system |
| CN103176954A (en) * | 2013-03-27 | 2013-06-26 | 重庆市科学技术研究院 | Mathematical formula display method and mathematical formula display system based on hypertext markup language (HTML) 5 canvas |
| CN108305311A (en) * | 2017-01-12 | 2018-07-20 | 南京大学 | A kind of digitized image wash painting style technology |
| CN109491731A (en) * | 2018-09-07 | 2019-03-19 | 咪咕文化科技有限公司 | A kind of control method, device and the storage medium of suspension button |
| CN109799984A (en) * | 2019-01-15 | 2019-05-24 | 深圳前海微众银行股份有限公司 | Face frame method for drafting, device, equipment and computer readable storage medium |
| WO2020227291A1 (en) * | 2019-05-06 | 2020-11-12 | SunStone Information Defense, Inc. | Methods and apparatus for interfering with automated bots using a graphical pointer and page display elements |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP3861690B2 (en) * | 2002-01-07 | 2006-12-20 | ソニー株式会社 | Image editing apparatus, image editing method, storage medium, and computer program |
| AU2003273239B8 (en) * | 2003-08-21 | 2010-07-22 | Microsoft Corporation | Ink collection and rendering |
| US7262785B2 (en) * | 2003-08-21 | 2007-08-28 | Microsoft Corporation | Ink editing architecture |
| US8274534B2 (en) * | 2005-01-31 | 2012-09-25 | Roland Wescott Montague | Methods for combination tools that zoom, pan, rotate, draw, or manipulate during a drag |
| US7499058B2 (en) * | 2005-04-22 | 2009-03-03 | Microsoft Corporation | Programmatical access to handwritten electronic ink in a tree-based rendering environment |
| US20090132907A1 (en) * | 2007-11-20 | 2009-05-21 | Shin-Chung Shao | Annotation Structure for Web Pages, System and Method for Annotating Web Pages |
| US9659279B2 (en) * | 2013-10-25 | 2017-05-23 | Palo Alto Research Center Incorporated | Method and system for enhanced inferred mode user interface operations |
-
2021
- 2021-06-17 CN CN202110674000.XA patent/CN113535056B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6002402A (en) * | 1997-04-09 | 1999-12-14 | Symantec Corporation | System and method for producing a drag-and-drop object from a popup menu item |
| JP2001109577A (en) * | 1999-10-12 | 2001-04-20 | Canon Inc | Method and device for coordinate input |
| US8166394B1 (en) * | 2009-09-22 | 2012-04-24 | Adobe Systems Incorporated | Systems and methods for implementing and using event tracking and analytics in electronic content |
| CN103049187A (en) * | 2012-11-08 | 2013-04-17 | 南京芒冠光电科技股份有限公司 | Signal processing method for spliced type multi-screen interactive electronic whiteboard system |
| CN103176954A (en) * | 2013-03-27 | 2013-06-26 | 重庆市科学技术研究院 | Mathematical formula display method and mathematical formula display system based on hypertext markup language (HTML) 5 canvas |
| CN108305311A (en) * | 2017-01-12 | 2018-07-20 | 南京大学 | A kind of digitized image wash painting style technology |
| CN109491731A (en) * | 2018-09-07 | 2019-03-19 | 咪咕文化科技有限公司 | A kind of control method, device and the storage medium of suspension button |
| CN109799984A (en) * | 2019-01-15 | 2019-05-24 | 深圳前海微众银行股份有限公司 | Face frame method for drafting, device, equipment and computer readable storage medium |
| WO2020227291A1 (en) * | 2019-05-06 | 2020-11-12 | SunStone Information Defense, Inc. | Methods and apparatus for interfering with automated bots using a graphical pointer and page display elements |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113535056A (en) | 2021-10-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10606533B2 (en) | Editing an image on a medium using a template including attribute information of an object in the image | |
| US10628022B2 (en) | Method and system for prototyping graphic user interface | |
| US20120127198A1 (en) | Selection of foreground characteristics based on background | |
| JP5713551B2 (en) | Information processing system, information processing apparatus, and control method thereof | |
| US5903265A (en) | System-provided window elements having adjustable dimensions | |
| US20130044123A1 (en) | User-specified image colorization for application user interface | |
| JPWO2008044321A1 (en) | Operation support computer program, operation support computer system | |
| US8887059B2 (en) | Method and apparatus of locally controlling display content of a remote system | |
| CN111078035B (en) | Drawing method based on HTML5Canvas | |
| US11205286B2 (en) | Techniques for optimizing creation of digital diagrams | |
| JP5981175B2 (en) | Drawing display device and drawing display program | |
| CN106033334B (en) | Method and device for drawing interface element | |
| EP3610361B1 (en) | Multi-stroke smart ink gesture language | |
| CN114168238A (en) | Method, system, and computer-readable storage medium implemented by a computing device | |
| JP5875262B2 (en) | Display control device | |
| KR102255212B1 (en) | Apparatus and method for coloring sketch image | |
| US20190019333A1 (en) | Vector Graphics Rendering Techniques | |
| CN113535056B (en) | Frame selection adjustment method based on InkCanvas and related equipment | |
| JP2011014076A (en) | Information processing apparatus, document enlarging display method, program, and recording medium | |
| US9483171B1 (en) | Low latency touch input rendering | |
| JP7073082B2 (en) | Programs, information processing equipment, and information processing methods | |
| CN115546410A (en) | Window display method and device, electronic equipment and storage medium | |
| JP7200008B2 (en) | ELECTRONIC DEVICE AND ITS CONTROL METHOD AND PROGRAM | |
| CN113867580A (en) | Display control method and device for pointer in window, equipment and storage medium | |
| JP2017120518A (en) | Software development program and software development method |
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 | ||
| CP01 | Change in the name or title of a patent holder |
Address after: 1301-1310, building 2, jinlitong financial center building, 1100 Xingye Road, Haiwang community, Xin'an street, Bao'an District, Shenzhen, Guangdong 518000 Patentee after: Shenzhen Ruan Niu Technology Group Co.,Ltd. Address before: 1301-1310, building 2, jinlitong financial center building, 1100 Xingye Road, Haiwang community, Xin'an street, Bao'an District, Shenzhen, Guangdong 518000 Patentee before: AFIRSTSOFT CO.,LTD. |
|
| CP01 | Change in the name or title of a patent holder |