CN113760432A - Graffiti method for restoring handwriting based on H5Canvas - Google Patents
Graffiti method for restoring handwriting based on H5Canvas Download PDFInfo
- Publication number
- CN113760432A CN113760432A CN202111003902.7A CN202111003902A CN113760432A CN 113760432 A CN113760432 A CN 113760432A CN 202111003902 A CN202111003902 A CN 202111003902A CN 113760432 A CN113760432 A CN 113760432A
- Authority
- CN
- China
- Prior art keywords
- current
- point
- radius
- points
- array
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 26
- 101100324465 Caenorhabditis elegans arr-1 gene Proteins 0.000 claims description 15
- 230000035945 sensitivity Effects 0.000 claims description 9
- 238000010422 painting Methods 0.000 claims description 8
- 230000001960 triggered effect Effects 0.000 claims description 5
- 101100039010 Caenorhabditis elegans dis-3 gene Proteins 0.000 claims description 4
- 238000004364 calculation method Methods 0.000 claims description 3
- 235000019994 cava Nutrition 0.000 claims description 3
- 239000004744 fabric Substances 0.000 claims description 3
- 238000005429 filling process Methods 0.000 claims description 3
- 238000012544 monitoring process Methods 0.000 claims description 3
- 238000009877 rendering Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 3
- 241001422033 Thestylus Species 0.000 abstract description 2
- 208000018747 cerebellar ataxia with neuropathy and bilateral vestibular areflexia syndrome Diseases 0.000 abstract description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000012530 fluid Substances 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
Classifications
-
- 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
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Abstract
The invention discloses a doodling method for restoring handwriting based on an H5 Canvas. The invention realizes the doodling effect by using the API of the canvas label in h5, and the use of the Bezier curve makes the doodling line segment become smoother. Pointer-event events using h5 support mouse, touch, and stylus events, and the pressure-sensitive coefficient of the stylus can be obtained. Js is also used to implement the performance issues of canvases.
Description
Technical Field
The invention discloses a doodling method for restoring handwriting based on H5 Canvas.
Background
With the development and updating of front-end technology, h5 supports the drawing label Canvas. The Canvas provides drawing board functions for the web side, and the user can draw various graffiti through the web side. The appearance of Canvas makes the complex 2D/3D images appear more fluid. So it is more common to use canvas technology. The appearance of the Pointer-event makes h5 more flexible and more capable of supporting more and more peripheral devices. When a pointer event of a pointer-event is triggered, a series of points are acquired, and when the number of the points is large, a curve is formed. According to different moving speeds, the obtained point position information is different, when the distance between the obtained points of the moving block is far, and when the moving distance is low, the distance between the obtained points is close, according to the density of the points, the radius of the points can be roughly calculated to be large, and the radius of the points can be roughly calculated to be small, so that the graffiti similar to the pen-front effect can be roughly obtained.
Disclosure of Invention
The invention mainly provides a doodling method for restoring handwriting based on H5Canvas on the basis of the prior art.
The technical scheme adopted by the invention for solving the technical problem comprises the following steps:
step 1, using two layers of canvas, one layer is used for drawing, and the other layer is used for displaying graffiti; and simultaneously monitoring a pointerdown event, a pointermove event and a pointerup event of the canvas of the drawing layer.
And 2, when the paintbrush is pressed down, triggering a pointerdown event, and then initializing basic attributes of the canvas paintbrush, including information such as line width, color and style.
Step 3, judging whether the handwriting pen device is the handwriting pen device or not according to the parameter event returned by triggering the pointerdown event, if the handwriting pen device is the handwriting pen device, recording the current pressure coefficient p, and then obtaining the radius r1 of the current point A1 according to the multiplication of the square of the pressure coefficient p and the canvas brush line width, namely r1 is Math.pow (p,2) lineWidth, wherein Math.pow () represents a square function, and lineWidth represents the canvas brush line width; if not, initializing the pressure sensitivity coefficient to be 0, and then taking half of the line width of the current canvas brush to obtain the radius at the moment, namely r1 is lineWidth 0.5; the information for current point A1 is then saved in the graffiti handwriting array.
Step 4, triggering a positive event when the painting brush moves, acquiring position information of a point and a pressure coefficient p (the processing mode of the pressure coefficient is the same as that of the step 3) according to the position information of the point triggered by the positive event, then acquiring a current first point B1 after moving, comparing the current first point with the point A1 recorded in the step 3, and calculating a difference value (dx, dy) of distance position coordinates between the two points; where dx is the difference in the abscissa between two points and dy is the difference in the ordinate between two points; then, multiplying the square root curDis of the current difference (dx, dy) by a sliding fixed coefficient 0.02 to obtain the current curVel (i.e., the curVel is math.hypot (dx, dy) × 0.02);
the currvel is used for judging whether the current pen point is thin or thick, when the currvel is larger than a set threshold value, the current pen point is thick, otherwise, the current pen point is thin;
judging whether the distance of minimum movement of the Bezier curve is met or not according to the difference (dx, dy) (namely dx >4 and dy > 4. ps:4 is the minimum movement pixel of the Bezier curve), then calculating the radius r2 of the current point A2 according to the square root curDis (namely curDis ═ Math.hypot (dx, dy)) of the difference (dx, dy) between two points, the radius r1 of the point A1, curVel and the pressure sensitivity coefficient p of the point A2, recording the information of the current A2, storing the information of the current point A2 in a graffiti handwriting array, and then initializing a Bezier curve function class.
r2=lineWidth*Math.exp(Math.log(1.5*2)*(-curVel*0.6+p*(1-0.6))))
Step 5, obtaining a series of points according to the pointermove event, comparing a second point A3 with the point A2 recorded in the step 4, and obtaining the radius r3 of the current point A3 according to the method of the radius r2 of the point A2 obtained in the step 4; the current point a3 is then recorded and added to the functional class of the bezier curve. The same method is used to calculate the radius of all the points in the remaining series of points, and the radius is added to the Bezier curve function class, and the information of each point is stored in the graffiti handwriting array.
And 6, according to the distance Dis1 between two adjacent points in the scrawling handwriting array, taking out the array gradualPoints of the points meeting the Bezier curve function from the Bezier curve function class.
And 7, for the current gradualPoints array, taking the distance Dis2 between any two adjacent points, and taking the minimum value of 3 variables as the minimum radius minRadius of the current graffiti filling point according to the radius r1 of the point A1, the radius r2 of the point A2 and half of the current graffiti line width.
If the current graffiti line width is less than 6 pixels, calculating the number of points to be filled, steps, by the quotient of 1 plus the distance between the current neighbors Dis2 divided by minRadius: step is 1+ Dis 2/minus radius;
if the current line width is greater than 6 pixels, the number of steps to be filled is calculated according to the quotient of the distance Dis2 between the current adjacent points divided by minus radius and multiplied by 2: namely, steps is (Dis2/minRadius) 2;
calculating values deltaX, deltaY and deltaW which need to be changed respectively according to the x-axis, y-axis and radius from the point A1 to the point A2 according to the current steps;
deltaX=(A1.x-A2.x)/steps;
deltaY=A1.y-A2.y)/steps;
deltaW=(A1.r-A2.r)/steps;
then, calling the cavas Api to scrawl drawing once in each loop until the steps are cycled.
And 8, processing the doodle at the end of the brush when the brush is lifted, triggering a pointerup event to obtain the position information (x, y) and the pressure coefficient p of the current point when the current brush is lifted, comparing the current point with the last point in the previous step, then obtaining the position information (x, y) and the radius r of the current point according to the calculation method in the step 4, and then finishing the point filling process of the current Bessel curve.
Acquiring a set meeting the Bezier curve according to the step 6 to obtain a new array arr1, and drawing doodles on points in the array arr1 according to the step 7; and merging the array arr1 with the array gradualPoints obtained in the step 6 to obtain a new array saveArr.
The array arr1 specifically calculates the distance Dis3 according to the position information of the current point and the two points of the last point (obtained from the scribble handwriting array), and then obtains an array of points conforming to the bezier curve from the bezier curve function class, namely arr 1. And 9, generating a set which accords with a corresponding svg path according to the method in the step 7 based on the obtained array savArr, drawing corresponding scrawls on the rendering layer canvas by using a path method of fabric.
Further, the distance Dis1, the distance Dis2 and the distance Dis3 are all preset values.
The invention has the following beneficial effects:
the invention realizes the doodling effect by using the API of the canvas label in h5, and the use of the Bezier curve makes the doodling line segment become smoother. Pointer-event events using h5 support mouse, touch, and stylus events, and the pressure-sensitive coefficient of the stylus can be obtained. Js is also used to implement the performance issues of canvases.
The use of a two-layer canvas enables better optimization of canvas performance.
Detailed Description
The present invention will be further described with reference to the following examples.
A doodling method for restoring handwriting based on H5Canvas specifically comprises the following steps:
step 1, using two layers of canvas, one layer is used for drawing, and the other layer is used for displaying graffiti; and simultaneously monitoring a pointerdown event, a pointermove event and a pointerup event of the canvas of the drawing layer.
And 2, when the paintbrush is pressed down, triggering a pointerdown event, and then initializing basic attributes of the canvas paintbrush, including information such as line width, color and style.
Step 3, judging whether the handwriting pen device is the handwriting pen device or not according to the parameter event returned by triggering the pointerdown event, if the handwriting pen device is the handwriting pen device, recording the current pressure coefficient p, and then obtaining the radius r1 of the current point A1 according to the multiplication of the square of the pressure coefficient p and the canvas brush line width, namely r1 is Math.pow (p,2) lineWidth, wherein Math.pow () represents a square function, and lineWidth represents the canvas brush line width; if not, initializing the pressure sensitivity coefficient to be 0, and then taking half of the line width of the current canvas brush to obtain the radius at the moment, namely r1 is lineWidth 0.5; the information for current point A1 is then saved in the graffiti handwriting array.
Step 4, triggering a positive event when the painting brush moves, acquiring position information of a point and a pressure coefficient p (the processing mode of the pressure coefficient is the same as that of the step 3) according to the position information of the point triggered by the positive event, then acquiring a current first point B1 after moving, comparing the current first point with the point A1 recorded in the step 3, and calculating a difference value (dx, dy) of distance position coordinates between the two points; where dx is the difference in the abscissa between two points and dy is the difference in the ordinate between two points; then, multiplying the square root curDis of the current difference (dx, dy) by a sliding fixed coefficient 0.02 to obtain the current curVel (i.e., the curVel is math.hypot (dx, dy) × 0.02);
the currvel is used for judging whether the current pen point is thin or thick, when the currvel is larger than a set threshold value, the current pen point is thick, otherwise, the current pen point is thin;
judging whether the distance of minimum movement of the Bezier curve is met or not according to the difference (dx, dy) (namely dx >4 and dy > 4. ps:4 is the minimum movement pixel of the Bezier curve), then calculating the radius r2 of the current point A2 according to the square root curDis (namely curDis ═ Math.hypot (dx, dy)) of the difference (dx, dy) between two points, the radius r1 of the point A1, curVel and the pressure sensitivity coefficient p of the point A2, recording the information of the current A2, storing the information of the current point A2 in a graffiti handwriting array, and then initializing a Bezier curve function class.
r2=lineWidth*Math.exp(Math.log(1.5*2)*(-curVel*0.6+p*(1-0.6))))
Step 5, obtaining a series of points according to the pointermove event, comparing a second point A3 with the point A2 recorded in the step 4, and obtaining the radius r3 of the current point A3 according to the method of the radius r2 of the point A2 obtained in the step 4; the current point a3 is then recorded and added to the functional class of the bezier curve. The same method is used to calculate the radius of all the points in the remaining series of points, and the radius is added to the Bezier curve function class, and the information of each point is stored in the graffiti handwriting array.
And 6, according to the distance Dis1 between two adjacent points in the scrawling handwriting array, taking out the array gradualPoints of the points meeting the Bezier curve function from the Bezier curve function class.
And 7, for the current gradualPoints array, taking the distance length Dis2 between any two adjacent points, and taking the minimum value of 3 variables as the minimum radius minRadius of the current graffiti filling point according to the radius r1 of the point A1, the radius r2 of the point A2 and half of the width of the current graffiti line.
If the current graffiti line width is less than 6 pixels, calculating the number of points to be filled, steps, by the quotient of 1 plus the distance between the current neighbors Dis2 divided by minRadius: step is 1+ Dis 2/minus radius;
if the current line width is greater than 6 pixels, the number of steps to be filled is calculated according to the quotient of the distance Dis2 between the current adjacent points divided by minus radius and multiplied by 2: namely, steps is (Dis2/minRadius) 2;
calculating values deltaX, deltaY and deltaW which need to be changed respectively according to the x-axis, y-axis and radius from the point A1 to the point A2 according to the current steps;
deltaX=(A1.x-A2.x)/steps;
deltaY=A1.y-A2.y)/steps;
deltaW=(A1.r-A2.r)/steps;
then, calling the cavas Api to scrawl drawing once in each loop until the steps are cycled.
And 8, processing the doodle at the end of the brush when the brush is lifted, triggering a pointerup event to obtain the position information (x, y) and the pressure coefficient p of the current point when the current brush is lifted, comparing the current point with the last point in the previous step, then obtaining the position information (x, y) and the radius r of the current point according to the calculation method in the step 4, and then finishing the point filling process of the current Bessel curve.
Acquiring a set meeting the Bezier curve according to the step 6 to obtain a new array arr1, and drawing doodles on points in the array arr1 according to the step 7; and merging the array arr1 with the array gradualPoints obtained in the step 6 to obtain a new array saveArr.
The array arr1 specifically calculates Dis3 according to the position information of the current point and the two points of the last point (obtained from the doodling handwriting array), and then obtains an array of points conforming to the bezier curve from the bezier curve function class, namely arr 1.
And 9, generating a set which accords with a corresponding svg path according to the method in the step 7 based on the obtained array savArr, drawing corresponding scrawls on the rendering layer canvas by using a path method of fabric.
Claims (8)
1. A doodling method for restoring handwriting based on H5Canvas is characterized by comprising the following steps:
step 1, using two layers of canvas, one layer is used for drawing, and the other layer is used for displaying graffiti; simultaneously monitoring a pointerdown event, a pointermove event and a pointerup event of the canvas of the drawing layer;
step 2, when the painting brush is pressed down, triggering a pointerdown event, and then initializing basic attributes of the canvas painting brush, including information such as line width, color and style;
step 3, judging whether the handwriting pen equipment is used or not according to the parameter event returned by the trigger pointerdown event, and calculating the radius r1 of the current point A1; then storing the radius information of the current point A1 in a graffiti handwriting array;
step 4, triggering a positive event when the painting brush moves, acquiring position information and a pressure coefficient p of a point when the positive event is triggered, then acquiring a current first point B1 after moving, comparing the current first point with the point A1 recorded in the step 3, and calculating a difference (dx, dy) of distance position coordinates between the two points; where dx is the difference in the abscissa between two points and dy is the difference in the ordinate between two points; then, the current currvel is obtained according to the square root curDis of the current difference (dx, dy) multiplied by the sliding fixed coefficient 0.02: currvel ═ math.hypot (dx, dy) × 0.02; then, the radius r2 of the current point A2 is calculated, and the information of the current point A2 is recorded;
step 5, obtaining a series of points according to the pointermove event, comparing a second point A3 with the point A2 recorded in the step 4, and obtaining the radius r3 of the current point A3 according to the method of the radius r2 of the point A2 obtained in the step 4; then the current point A3 is recorded and added into the function class of the Bezier curve; calculating the radius of all points in the remaining series of points by using the same method, adding the radius into a Bezier curve function class, and storing the information of each point in a scrawling handwriting array;
step 6, according to the distance Dis1 between two adjacent points in the scrawling handwriting array, taking out the array gradualPoints of the points meeting the Bezier curve function from the Bezier curve function class;
step 7, for the current gradualPoints array, taking the distance Dis2 between any two adjacent points, calculating the minimum radius minRadius of the current graffiti filling point, and calculating the number steps of points to be filled; then calculating values deltaX, deltaY and deltaW which need to be changed respectively from the x axis, the y axis and the radius from the point A1 to the point A2 according to the current steps, and finally calling a cavas Api to carry out graffiti drawing in each circulation till the steps are circulated;
step 8, when the painting brush is lifted, the scribble at the end of the painting brush is processed, when the painting brush is lifted, a pointerup event is triggered to obtain the position information (x, y) and the pressure coefficient p of the current point, the current point is compared with the last point in the previous step, then the position information (x, y) and the radius r of the current point are obtained according to the calculation method in the step 4, and then the point filling process of the current Bezier curve is ended; acquiring a set meeting the Bezier curve according to the step 6 to obtain a new array arr1, and drawing doodles on points in the array arr1 according to the step 7; combining the array arr1 with the array gradualPoints obtained in the step 6 to obtain a new array saveArr;
and 9, generating a set which accords with a corresponding svg path according to the method in the step 7 based on the obtained array savArr, drawing corresponding scrawls on the rendering layer canvas by using a path method of fabric.
2. The doodling method for realizing the reduction of the handwriting based on H5Canvas as claimed in claim 1, wherein the radius solution of step 3 is as follows:
if the current pressure sensitivity coefficient p is the handwriting pen device, recording the current pressure sensitivity coefficient p, and then obtaining the radius r1 of the current point A1 by multiplying the square of the pressure sensitivity coefficient p and the canvas brush line width, namely r1 is Math.pow (p,2) lineWidth, wherein Math.pow () represents a square function, and lineWidth represents the canvas brush line width; if the device is not a stylus device, the initial pressure sensitivity coefficient is 0, and then half of the current canvas brush line width is taken to obtain the radius at this time, i.e. r1 is lineWidth 0.5.
3. The doodling method for realizing the restoration of the handwriting based on the H5Canvas as claimed in claim 1 or 2, wherein the curVel obtained in step 4 is used to judge whether the current stroke is thin or thick, when the curVel is larger than a set threshold, the current stroke is thick, otherwise, the current stroke is thin.
4. A doodling method for realizing the reduction of handwriting on the basis of H5Canvas as claimed in claim 1 or 2, characterized by determining whether the distance of minimum movement of the bezier curve is met according to the difference (dx, dy); then, the radius r2 of the current point A2 is calculated according to the square root curDis of the difference value (dx, dy) between the two points, the radius r1 of the point A1, the curVel and the pressure sensitivity coefficient p of the point A2, the information of the current A2 is recorded, the information of the current point A2 is stored in a doodle handwriting array, and then a Bezier curve function class is initialized;
r2=lineWidth*Math.exp(Math.log(1.5*2)*(-curVel*0.6+p*(1-0.6))))。
5. the doodling method for realizing the reduction of the handwriting based on H5Canvas as claimed in claim 4, characterized in that the minimum radius minRadius is solved as follows:
according to the radius r1 of the point a1, the radius r2 of the point a2 and half of the current graffiti line width, the minimum value of the 3 variables is taken as the minimum radius minRadius of the current graffiti fill point.
6. A doodling method for realizing the reduction of handwriting based on H5Canvas as claimed in claim 4 or 5, characterized in that steps is solved as follows:
if the current graffiti lineWidth is less than 6 pixels, calculating the number of required fill points, steps, by the quotient of 1 plus the distance between current adjacent points, Dis2, divided by minRadius: step is 1+ Dis 2/minus radius;
if the current line width is greater than 6 pixels, the number of steps to be filled is calculated according to the quotient of the distance Dis2 between the current adjacent points divided by minus radius and multiplied by 2: i.e., steps (Dis2/minRadius) × 2.
7. The doodling method for realizing reduction of handwriting based on H5Canvas as claimed in claim 6, wherein deltaX, deltaY and deltaW are solved as follows:
deltaX=(A1.x-A2.x)/steps;
deltaY=A1.y-A2.y)/steps;
deltaW=(A1.r-A2.r)/steps。
8. the doodling method for realizing the restoration of the handwriting based on the H5Canvas as claimed in claim 1 or 7, characterized in that the array arr1 calculates Dis3 according to the position information of the current point and the position information of the previous point taken from the doodling handwriting array, and then obtains the array of points conforming to the Bezier curve from the Bezier curve function class as arr 1.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111003902.7A CN113760432A (en) | 2021-08-30 | 2021-08-30 | Graffiti method for restoring handwriting based on H5Canvas |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111003902.7A CN113760432A (en) | 2021-08-30 | 2021-08-30 | Graffiti method for restoring handwriting based on H5Canvas |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113760432A true CN113760432A (en) | 2021-12-07 |
Family
ID=78791910
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111003902.7A Pending CN113760432A (en) | 2021-08-30 | 2021-08-30 | Graffiti method for restoring handwriting based on H5Canvas |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113760432A (en) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106293232A (en) * | 2016-08-11 | 2017-01-04 | 江苏中威科技软件系统有限公司 | A kind of hand-written inputting method realizing vigour of style in writing effect and system |
CN107526526A (en) * | 2017-09-19 | 2017-12-29 | 广州视源电子科技股份有限公司 | Determine the method and device in pressure sensitivity person's handwriting region |
CN108108091A (en) * | 2017-11-28 | 2018-06-01 | 贵阳语玩科技有限公司 | The refreshing display methods and system of sliding trace |
CN109284059A (en) * | 2018-08-28 | 2019-01-29 | 广州视源电子科技股份有限公司 | Person's handwriting method for drafting, device, interactive intelligent tablet computer and storage medium |
CN109408161A (en) * | 2018-08-22 | 2019-03-01 | 安徽慧视金瞳科技有限公司 | A kind of rendering algorithm for simulating writing brush style of writing |
CN109858421A (en) * | 2019-01-24 | 2019-06-07 | 广东第二师范学院 | A kind of Android platform person's handwriting back method and device based on scalable vector graphics |
CN110263636A (en) * | 2019-05-15 | 2019-09-20 | 赞同科技股份有限公司 | A kind of lossless person's handwriting restoring method and system |
CN110515714A (en) * | 2019-08-15 | 2019-11-29 | 浙江万朋教育科技股份有限公司 | A kind of task balance dispatching method based on group system |
CN110516667A (en) * | 2019-08-15 | 2019-11-29 | 浙江万朋教育科技股份有限公司 | A kind of text rectification method based on Android |
CN111857380A (en) * | 2020-07-28 | 2020-10-30 | 江西金格科技股份有限公司 | Method for realizing curve smoothing of original handwriting |
CN112541377A (en) * | 2019-09-20 | 2021-03-23 | 北京万维智能技术有限公司 | Handwriting restoration method |
-
2021
- 2021-08-30 CN CN202111003902.7A patent/CN113760432A/en active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106293232A (en) * | 2016-08-11 | 2017-01-04 | 江苏中威科技软件系统有限公司 | A kind of hand-written inputting method realizing vigour of style in writing effect and system |
CN107526526A (en) * | 2017-09-19 | 2017-12-29 | 广州视源电子科技股份有限公司 | Determine the method and device in pressure sensitivity person's handwriting region |
CN108108091A (en) * | 2017-11-28 | 2018-06-01 | 贵阳语玩科技有限公司 | The refreshing display methods and system of sliding trace |
CN109408161A (en) * | 2018-08-22 | 2019-03-01 | 安徽慧视金瞳科技有限公司 | A kind of rendering algorithm for simulating writing brush style of writing |
CN109284059A (en) * | 2018-08-28 | 2019-01-29 | 广州视源电子科技股份有限公司 | Person's handwriting method for drafting, device, interactive intelligent tablet computer and storage medium |
CN109858421A (en) * | 2019-01-24 | 2019-06-07 | 广东第二师范学院 | A kind of Android platform person's handwriting back method and device based on scalable vector graphics |
CN110263636A (en) * | 2019-05-15 | 2019-09-20 | 赞同科技股份有限公司 | A kind of lossless person's handwriting restoring method and system |
CN110515714A (en) * | 2019-08-15 | 2019-11-29 | 浙江万朋教育科技股份有限公司 | A kind of task balance dispatching method based on group system |
CN110516667A (en) * | 2019-08-15 | 2019-11-29 | 浙江万朋教育科技股份有限公司 | A kind of text rectification method based on Android |
CN112541377A (en) * | 2019-09-20 | 2021-03-23 | 北京万维智能技术有限公司 | Handwriting restoration method |
CN111857380A (en) * | 2020-07-28 | 2020-10-30 | 江西金格科技股份有限公司 | Method for realizing curve smoothing of original handwriting |
Non-Patent Citations (1)
Title |
---|
花舞花落泪: ""在html5中使用canvas画板实现平滑曲线的案例分享 !"", 《HTTPS://WWW.W3CSCHOOL.CN/ARTICLE/8208318.HTML?NOCACHE=0》, 16 August 2021 (2021-08-16), pages 1 - 8 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8994698B2 (en) | Methods and apparatus for simulation of an erodible tip in a natural media drawing and/or painting simulation | |
CN102937849B (en) | The beautification method of real-time handwriting and electronic equipment | |
Deussen et al. | Feedback-guided stroke placement for a painting machine | |
CA2072774C (en) | System and method for generating variable width lines | |
US9710951B2 (en) | Techniques for processing image data generated from three-dimensional graphic models | |
US9645664B2 (en) | Natural media painting using proximity-based tablet stylus gestures | |
CN104899563B (en) | Two-dimensional face key feature point positioning method and system | |
US10217253B2 (en) | Methods and apparatus for simulation of a stateful brush tip in a natural media drawing and/or painting simulation | |
CN102576256A (en) | Method and apparatus for drawing and erasing calligraphic ink objects on a display surface | |
JP3432149B2 (en) | Image processing method and apparatus | |
CN111354029B (en) | Gesture depth determination method, device, equipment and storage medium | |
CN110490961B (en) | Hair brush tool and hair drawing method | |
CN106598928B (en) | A kind of method and its system annotated on a display screen | |
CN113760432A (en) | Graffiti method for restoring handwriting based on H5Canvas | |
CN106250813B (en) | Facial expression migration method and equipment | |
CN109857322B (en) | Android-based painting brush width control method and device | |
CN110297677B (en) | Drawing method, drawing device, drawing equipment and storage medium | |
CN103838429A (en) | Method and system for conducting drawing on touch screen to achieve writing brush effect | |
Bapat et al. | An iterative, non-local approach for restoring depth maps in RGB-D images | |
WO2023024536A1 (en) | Drawing method and apparatus, and computer device and storage medium | |
Shin et al. | Simulating oriental brush character considered with aerial action of pen tablet | |
Sari et al. | Structure-texture consistent painting completion for artworks | |
CN111368675B (en) | Gesture depth information processing method, device, equipment and storage medium | |
Mizuchi et al. | Monocular 3d palm posture estimation based on feature-points robust against finger motion | |
CN112183318A (en) | Writing method and device, storage medium and electronic whiteboard |
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 |