CN110297585A - Electronic white board realization method, device, equipment and storage medium - Google Patents

Electronic white board realization method, device, equipment and storage medium Download PDF

Info

Publication number
CN110297585A
CN110297585A CN201810240019.1A CN201810240019A CN110297585A CN 110297585 A CN110297585 A CN 110297585A CN 201810240019 A CN201810240019 A CN 201810240019A CN 110297585 A CN110297585 A CN 110297585A
Authority
CN
China
Prior art keywords
painting
calligraphy
electronic whiteboard
plotted
result
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
Application number
CN201810240019.1A
Other languages
Chinese (zh)
Inventor
李进
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Banma Zhixing Network Hongkong Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201810240019.1A priority Critical patent/CN110297585A/en
Publication of CN110297585A publication Critical patent/CN110297585A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros

Abstract

The present disclosure proposes a kind of electronic white board realization method, device, equipment and storage mediums.The existing content cached in buffer area is plotted on electronic whiteboard;In response to the painting and calligraphy operation that user executes for electronic whiteboard, painting and calligraphy result is plotted on electronic whiteboard;And terminate painting and calligraphy operation in response to user, painting and calligraphy result is plotted in existing content, updated content is obtained, as current existing content.Thus, pass through the content drawn before buffer area caches, painting and calligraphy delay can be caused to be rendered directly on electronic whiteboard with increase, and by the way that painting and calligraphy are operated corresponding painting and calligraphy result to avoid with painting and calligraphy content increase, it is possible to reduce switching object bring delay.

Description

Electronic white board realization method, device, equipment and storage medium
Technical field
This disclosure relates to electronic whiteboard technology field, more particularly to a kind of electronic white board realization method, device, equipment with And storage medium.
Background technique
Application program in industry generally by the simulation blank painting and calligraphy operation realized on the electronic equipments such as PC, TV is known as electricity Sub- blank, electronic whiteboard can provide painting and calligraphy service for user, preferably to express the viewpoint of user.Currently, electronic whiteboard is wide It is general to be applied to the multiple fields such as education, meeting, design.
In order to allow people can more be accustomed to, it is familiar using electronic whiteboard, operation behavior and reaction should moulds as far as possible Intend the operating habit on the true blank of user.Some point, which is streaked, from hand during blank painting and calligraphy streaks this to the track of display The time difference of point is known as painting and calligraphy delay, and the size of painting and calligraphy delay directly decides that electronic whiteboard painting and calligraphy are experienced.
Currently, the implementation of electronic whiteboard is broadly divided into two kinds.A kind of scheme is directly to be drawn on the screen, white The contents of painting and calligraphy is also shown in screen before writing on the blackboard needs to keep during drawing, but when due to being drawn on the screen, often Frame does not record the data of former frame, therefore draws require to draw complete content every time.Content is drawn with painting and calligraphy content Increase and increase, it is increasingly longer so as to cause the time required for a frame is drawn, so that painting and calligraphy delay is increasing.It is another Scheme is that all painting and calligraphy are all rendered on framebuffer, then entire framebuffer is rendered into screen, due to The characteristic of framebuffer, drawing can all be retained each time, not have to all draw all lines each time in this way.But It needs to switch a framebuffer object when line segment is drawn to framebuffer, then framebuffer is plotted to Need to be switched to the framebuffer object (screen) of default when on screen again, so needing to switch in a drawing process Framebuffer object twice.And on mobile and TV chip, GPU switches framebuffer object than relatively time-consuming every time, The time for causing each frame to be drawn is more than 16.6ms, postpones to increase so as to cause painting and calligraphy.
Therefore, a kind of Implementation of Electronic Whiteboard case of reduction painting and calligraphy delay is needed.
Summary of the invention
The electronic whiteboard that one of the disclosure is designed to provide a kind of painting and calligraphy delay that can reduce electronic whiteboard is realized Method, apparatus, equipment and storage medium.
According to the first aspect of the disclosure, a kind of electronic white board realization method is proposed, comprising: will cache in buffer area Existing content be plotted on electronic whiteboard;In response to the painting and calligraphy operation that user executes for electronic whiteboard, painting and calligraphy result is drawn System is on electronic whiteboard;Terminate painting and calligraphy operation in response to user, painting and calligraphy result is plotted to buffer area, obtains updated existing Content, as current existing content.
Optionally, the step of painting and calligraphy result being plotted to the buffer area include: painting and calligraphy result is plotted to it is existing In content, the content that is updated;And buffer area is written into the content of update, as current existing content.
Optionally, painting and calligraphy result is plotted in the step on electronic whiteboard includes: to start in response to painting and calligraphy operation, and creation is drawn Path processed;Graphical pointv corresponding with painting and calligraphy operation is added on drawing path;And it is enterprising in electronic whiteboard based on drawing path Row is drawn, and painting and calligraphy result is plotted on electronic whiteboard.
Optionally, electronic white board realization method further include: terminate painting and calligraphy operation in response to user, it is white that removing is plotted in electronics Painting and calligraphy result on plate.
Optionally, electronic whiteboard is realized in a manner of Layering manifestation, is drawn existing content in first layer, is drawn in the second layer Painting and calligraphy result.
It optionally, include: the painting and calligraphy result that will be drawn on the second layer by the step that painting and calligraphy result is plotted in existing content It is plotted on first layer.
Optionally, electronic white board realization method further include: start in response to painting and calligraphy operation, create the second layer;And/or Terminate painting and calligraphy operation in response to user, deletes the second layer.
Optionally, painting and calligraphy operation is that user contacts electronic whiteboard and arrives the operation performed by leaving between electronic whiteboard.
Optionally, electronic white board realization method further include: operate and surpass for the painting and calligraphy that electronic whiteboard executes in response to user Scheduled time threshold value is crossed, painting and calligraphy result is plotted in existing content, the content updated.
Optionally, electronic whiteboard is to be realized based on Canvas, and/or carried out on electronic whiteboard using OpenGL It draws.
Optionally, electronic white board realization method further include: show the toolbar for user's operation;And/or to use Service is arranged in the background that family provides electronic whiteboard.
According to the second aspect of the disclosure, a kind of electronic whiteboard realization device is additionally provided, comprising: first draws mould Block, for the existing content cached in buffer area to be plotted to electronic whiteboard;Second drafting module, in response to user's needle To the painting and calligraphy operation that electronic whiteboard executes, painting and calligraphy result is plotted on electronic whiteboard;And third drafting module, in response to Family terminates painting and calligraphy operation, and painting and calligraphy result is plotted to buffer area, obtain it is updated after content, as it is current it is existing in Hold.
Optionally, third drafting module includes: the 4th drafting module, for the painting and calligraphy result to be plotted to existing content On, the content that is updated;And writing module, for the buffer area to be written in the content of the update, as current Existing content.
Optionally, the second drafting module includes: path creation unit, and for starting in response to painting and calligraphy operation, creation is drawn Path;Adding unit, for adding graphical pointv corresponding with painting and calligraphy operation on drawing path;And drawing unit, it is used for base It is drawn on electronic whiteboard in drawing path, painting and calligraphy result is plotted on electronic whiteboard.
Optionally, electronic whiteboard realization device further include: remove module, for terminating painting and calligraphy operation in response to user, clearly Except the painting and calligraphy result being plotted on electronic whiteboard.
Optionally, electronic whiteboard is realized in a manner of Layering manifestation, is drawn existing content in first layer, is drawn in the second layer Painting and calligraphy result.
Optionally, the painting and calligraphy result drawn on the second layer is plotted on first layer by third drafting module.
Optionally, electronic whiteboard realization device further include: creation module, for starting in response to painting and calligraphy operation, creation the Two layers;And/or removing module deletes the second layer for terminating painting and calligraphy operation in response to user.
Optionally, painting and calligraphy operation is that user contacts electronic whiteboard and arrives the operation performed by leaving between electronic whiteboard.
Optionally, the painting and calligraphy operation executed in response to user for electronic whiteboard is more than scheduled time threshold value, and third is drawn Painting and calligraphy result is plotted in existing content by module, the content updated.
Optionally, electronic whiteboard is to be realized based on Canvas, and/or carried out on electronic whiteboard using OpenGL It draws.
Optionally, electronic whiteboard realization device further include: toolbar module, for showing the tool for user's operation Column;And/or service is arranged in background setup module, the background for providing electronic whiteboard for user.
In terms of according to the third of the disclosure, a kind of calculating equipment is additionally provided, comprising: processor;And memory, On be stored with executable code, when executable code is executed by processor, execute processor such as disclosure first aspect The method addressed.
According to the 4th of the disclosure the aspect, a kind of non-transitory machinable medium is additionally provided, is stored thereon There is executable code, when executable code is executed by the processor of electronic equipment, processor is made to execute such as the disclosure first The method that aspect is addressed.
The disclosure can lead to painting and calligraphy by the content drawn before buffer area caches to avoid with painting and calligraphy content increase Delay is rendered directly on electronic whiteboard with increase, and by the way that painting and calligraphy are operated corresponding painting and calligraphy result, it is possible to reduce is cut Change the delay of object bring.
Detailed description of the invention
Disclosure illustrative embodiments are described in more detail in conjunction with the accompanying drawings, the disclosure above-mentioned and its Its purpose, feature and advantage will be apparent, wherein in disclosure illustrative embodiments, identical reference label Typically represent same parts.
Figure 1A, Figure 1B show the schematic block diagram of first layer and the second layer.
Fig. 1 C shows the realization logical schematic of one embodiment of the disclosure.
Fig. 2 is to show the schematic flow chart of the electronic white board realization method according to one embodiment of the disclosure.
Fig. 3 is the Implementation of Electronic Whiteboard case flow chart shown according to one specific embodiment of the disclosure.
Fig. 4 is to show the schematic block diagram of the structure of the electronic whiteboard realization device according to one embodiment of the disclosure.
Fig. 5 shows the structural schematic diagram according to an embodiment of the invention for calculating equipment.
Specific embodiment
The preferred embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although showing the disclosure in attached drawing Preferred embodiment, however, it is to be appreciated that may be realized in various forms the disclosure without the embodiment party that should be illustrated here Formula is limited.On the contrary, these embodiments are provided so that this disclosure will be more thorough and complete, and can be by the disclosure Range is completely communicated to those skilled in the art.
[term parsing]
Electronic whiteboard, the application program of the operations such as simulation white board writing, the drawing realized on the electronic equipments such as PC, TV.
Painting and calligraphy delay is input to from user and the time difference for inputting corresponding content with user is presented on screen.
Canvas, the customized drafting interface of user that browser provides.
The hardware accelerated rendering API of OpenGL, cross-platform 2D/3D.
Painting and calligraphy operation, the painting and calligraphy operation that the disclosure is addressed are primarily referred to as user and are used for for what electronic whiteboard was made in electronics The operation of predetermined content is presented on blank.For example, it may be writing operation, drawing operation etc..Wherein, family can be by specific Input equipment (such as stylus) slided on electronic whiteboard realize painting and calligraphy operate, can also be by finger on electronic whiteboard It slides to realize that painting and calligraphy operate, without limitation to this disclosure.
Painting and calligraphy operate consistent content with painting and calligraphy as a result, being presented on electronic whiteboard.
In addition, " first/second/... " that the disclosure is addressed is only used for distinguishing, particular order is not indicated, such as up and down, successively Deng sequence.
[plan explanation]
In order to reduce the painting and calligraphy delay of electronic whiteboard, the electronic whiteboard used with the present disclosure proposes a kind of double drawing modes is real Existing scheme.For the ease of distinguishing, double drawing modes may be respectively referred to as the first drawing mode and the second drawing mode.It is drawn second Under molding formula, the painting and calligraphy that user makes can be operated into corresponding painting and calligraphy result and be drawn directly on electronic whiteboard, drawn first Under molding formula, the painting and calligraphy result drawn before can be cached.In this way, when realizing that the content on electronic whiteboard is presented, The historical calligraphy and painting result that the first drawing mode caches can be plotted on electronic whiteboard first, the painting and calligraphy newly executed for user Operation can be used the second drawing mode and the new corresponding painting and calligraphy result of painting and calligraphy operation be drawn directly on electronic whiteboard, together The painting and calligraphy result of stylish drafting can be used as historical calligraphy and painting result and be cached.It, can as a result, by the content drawn before caching Cause painting and calligraphy delay with increase to avoid with painting and calligraphy content increase, and is operated new painting and calligraphy by the second drawing mode Corresponding painting and calligraphy result is rendered directly on electronic whiteboard, it is possible to reduce switching object bring delay.
In the disclosure, the first drawing mode and the drafting of the second drawing mode can be drawn in different layers respectively.Make For example, the first drawing mode can be drawn in first layer, and the second drawing mode can be drawn in the second layer.Wherein, the second layer The content of upper drafting can be directly presented on electronic whiteboard, and the content drawn on first layer is historical calligraphy and painting content.Initial feelings Under condition, the content cached on first layer is sky, operates in response to the painting and calligraphy of user, can draw painting and calligraphy knot on the second layer first Fruit, and the content on the second layer can be directly presented on the screen of electronic whiteboard.Thus, it is possible to avoid switching object bring Delay, improves the interactive experience of user.The content drawn on the second layer can be used as historical calligraphy and painting content and be plotted on first layer It is cached, it is possible thereby to based on the content cached on first layer, the Fast Drawing historical calligraphy and painting content on electronic whiteboard.
Figure 1A, Figure 1B show the schematic block diagram of first layer and the second layer.
As shown in Figure 1A, under initial situation, the content cached on first layer is sky, executes for the first time in response to user and draws line The painting and calligraphy of item 1 operate, and can draw lines 1 in the second layer, the lines 1 drawn on the second layer can directly be presented on electronic whiteboard On.
Terminate the painting and calligraphy operation of lines 1 in response to user, such as user's finger or stylus leave electronic whiteboard, can incite somebody to action Painting and calligraphy result (lines 1) on the second layer is plotted on first layer, and can remove the content drawn on the second layer.Hereafter exist On electronic whiteboard when presentation content, the lines 1 cached on first layer can be plotted on electronic whiteboard first.In this way, being based on Fast Drawing of the historical calligraphy and painting content on electronic whiteboard may be implemented in first layer.
As shown in Figure 1B, when user is continuing with the painting and calligraphy operation for drawing lines 2 is executed on electronic whiteboard, due to first The lines 1 drawn before having cached are had existed on layer, therefore the lines 1 cached on first layer can be plotted to electronics first On blank, the drafting of historical calligraphy and painting content is completed, and operating corresponding painting and calligraphy result lines 2 to new painting and calligraphy can then be plotted to The second layer.After lines 2 are completed, lines 2 can be plotted on first layer, be used as with the lines 1 cached before current Cache contents, and the content drawn on the second layer can be removed.
Fig. 1 C shows the realization logical schematic of one embodiment of the disclosure.
As shown in Figure 1 C, the Implementation of Electronic Whiteboard case of the disclosure can logically be divided into four layers.Before being such as divided into (Canvas layers of Drawing, namely state above of background layer (being properly termed as " Html layers of Foreground "), drawing on-line canvas sheet And the second layer), main canvas sheet (Canvas layers of Main, namely the first layer addressed above) and background layer (be properly termed as " Html layers of Background ").
Foreground layer is mainly that user is provided for the toolbar of user's operation, such as the work that can be shown for user's operation Has column.Background layer is mainly that user provides background setting service, and at Html layers of Background, user can be added by html Add the background of electronic whiteboard.Drawing on-line canvas sheet is identical as the working principle for the second layer addressed above, can be directly by book It draws the corresponding painting and calligraphy result of operation and is plotted to screen (i.e. on electronic whiteboard).The work of main canvas sheet and the first layer addressed above Principle is identical, for painting and calligraphy result to be plotted to framebuffer, then the existing content cached on framebuffer is drawn To screen.
Below just this disclosure relates to various aspects be described further.
[implementation method]
Fig. 2 is to show the schematic flow chart of the electronic white board realization method according to one embodiment of the disclosure.
Referring to fig. 2, in step S110, the existing content cached in buffer area is plotted on electronic whiteboard.
The existing content cached in buffer area is the history presentation content (i.e. historical calligraphy and painting result) on electronic whiteboard.In electricity When realizing the presentation of content on sub- blank, the existing content cached in buffer area can be plotted on electronic whiteboard first.Just In the case of beginning, the existing content of buffer area caching is sky.It will be addressed in step S130 about substantial caching mechanism, herein It wouldn't repeat.
In step S120, is operated in response to user for the painting and calligraphy that electronic whiteboard executes, painting and calligraphy result is plotted in electronics On blank.
The historical calligraphy and painting result drawn before being presented after step S110 is finished, on electronic whiteboard.It is right at this time In the painting and calligraphy operation that user newly makes, painting and calligraphy result can be rendered directly on electronic whiteboard, so be may be implemented " new, old Quick presentation of the content " on electronic whiteboard.
As an example of the disclosure, it is defeated that painting and calligraphy operation described herein can refer to that user executes for electronic whiteboard Enter to operate the operation in this period of start and ending.By taking electronic whiteboard is touch type electronic blank as an example, painting and calligraphy operation can To be that user contacts electronic whiteboard and arrives the operation performed by leaving between electronic whiteboard.For example, can be existed by finger in user In the case that the mode slided on the screen of electronic whiteboard executes input operation, painting and calligraphy operation can be considered as user's finger and start to touch The screen for touching electronic whiteboard leaves slide performed between the screen of electronic whiteboard to finger.
In step S130, terminates painting and calligraphy operation in response to user, painting and calligraphy result is plotted to buffer area, is obtained updated Existing content, as current existing content.
After user terminates painting and calligraphy operation, the painting and calligraphy result drawn for the secondary painting and calligraphy operation can be used as historical calligraphy and painting knot Fruit is plotted to buffer area, obtains updated existing content.Updated existing content include before buffer area cache it is existing Content and this painting and calligraphy are as a result, therefore updated content can be used as the existing content of buffer area current cache.As an example, Painting and calligraphy result can be plotted in existing content first, the content updated, buffer area then is written into the content of update, As current existing content.
Thus, it is possible to constantly be plotted to buffer area by the painting and calligraphy result that will be drawn on electronic whiteboard, delay in buffer area The existing content deposited is updated, and updated existing content can be used as current existing content, so that in buffer area The current existing content of caching is able to record all historical calligraphy and painting contents drawn on electronic whiteboard.Wherein, the disclosure is stated And buffer area can be implemented as framebuffer (frame buffering) structure, can will such as have by the first layer addressed above Content is plotted in framebuffer.
Painting and calligraphy operation alternatively, it is also possible to execute in response to user for electronic whiteboard is more than scheduled time threshold value, is executed Step S130.That is, in the time longer situation for the painting and calligraphy operation that user makes, it can also be by a whole secondary book Draw operation and be divided into continuous painting and calligraphy operation several times, such as can threshold value to schedule, will be reached since secondary painting and calligraphy operation Operation to scheduled time threshold value is considered as a painting and calligraphy operation, and the secondary painting and calligraphy have been drawn on electronic whiteboard and have operated corresponding painting and calligraphy As a result after, which can be plotted in existing content, starts to execute the drafting of painting and calligraphy operation next time later.
As an example of the disclosure, terminates painting and calligraphy operation in response to user, can also remove and be plotted in electronic whiteboard On painting and calligraphy result.
As described above, electronic whiteboard can be realized by way of Layering manifestation.For example, can (can be in first layer Referred to as " Main Canvas ") existing content is drawn, painting and calligraphy result is drawn at the second layer (Drawing Canvas).Drawing The content drawn on Canvas can be directly presented on electronic whiteboard, and the book that can will be drawn on Drawing Canvas Result is drawn to be plotted on Main Canvas.Wherein, Main Canvas can be used as buffer area, and the content drawn on it can be with Retain.Start in response to painting and calligraphy operation, Drawing Canvas can be created, and terminate painting and calligraphy operation in response to user, it can To delete Drawing Canvas, or Drawing Canvas can not also be deleted and only removed on Drawing Canvas Content.
In the disclosure, electronic whiteboard can be based on Canvas realization, and can use OpenGL and drawn. That is, the Canvas interface that browser can be used is drawn, the Canvas drawing API of browser be can be used OpenGL carries out hardware-accelerated.Details are not described herein again for concrete implementation process.
Fig. 3 is to show the schematic flow chart of the electronic white board realization method according to one specific embodiment of the disclosure.
As shown in figure 3, in step S210, in response to receiving touch event.Wherein, touch event described herein with it is upper The painting and calligraphy operation that text is addressed is similar, can refer to that user is carried out on the screen of electronic whiteboard by modes such as finger or styluses The event of stroke, primary complete touch event include that touch starts, touch is mobile and touch terminates.
In step S220, event type is judged.Mainly judge that touch event is input beginning event (i.e. touch herein Beginning event), or (i.e. touch terminates thing for event (i.e. touch moving event) or end of input event in input progress Part).
In the case where determining is that touch starts event (i.e. step S231), step S232 can be executed, creation is drawn Path (path), the creation process for drawing Path is this field mature technology, and details are not described herein again.Path is drawn creating Afterwards, step S260 can be jumped to, the touch treatment process for starting event is terminated.
Hereafter, the touch moving event (i.e. step S241) after starting event in response to touch, can execute step S242 adds graphical pointv into Path created before.Corresponding draw mainly is created according to touch moving event herein Point processed.
In step S243, Path is drawn on the second layer, and the corresponding painting and calligraphy result of touch moving event is plotted to electricity On sub- blank.After completing, step S260 can be jumped to, the treatment process of touch moving event is terminated.
Then in response to touch End Event (step S251), step S252 is executed, removes the second layer.It herein can be clear Except the content on the second layer, the second layer can also be deleted.
In step S253, Path is drawn on the first layer.Here the content on the second layer is mainly plotted to first layer On.
Then step S260 is gone to, this touch event handling finishes.
The disclosure is drawn by using the Canvas object (i.e. the second layer) for being drawn directly into screen from touch as a result, Painting and calligraphy process of start to touch end event, whole process do not need switching framebuffer object, so as to Reduce input time delay.Also, by using Canvas object (i.e. first layer) the render history painting and calligraphy for being plotted to framebuffer As a result, the drafting of historical calligraphy and painting result is stored in framebuffer, all painting and calligraphy contents are all drawn without every frame, from And it avoids as the increase painting and calligraphy delay of painting and calligraphy content is increasing.In the case where not needing the better GPU of service performance, just Painting and calligraphy delay can be reduced, so as to reduce hardware cost.
[realization device]
Fig. 4 is to show the schematic block diagram of the structure of the electronic whiteboard realization device according to one embodiment of the disclosure. Wherein, the functional module of realization device 400 can by the combination of the hardware of the realization principle of the invention, software or hardware and software Lai It realizes.It will be appreciated by persons skilled in the art that Fig. 3 described function module can combine or be divided into submodule Block, to realize the principle of foregoing invention.Therefore, can support can to any of functions described herein module for description herein The combination or division of energy or further restriction.
The operation that the functional module and each functional module that can have below with regard to realization device 400 can execute is done briefly Illustrate, above description may refer to for the detail section being directed to, which is not described herein again.
Referring to fig. 4, realization device 400 includes that the first drafting module 410, the second drafting module 420 and third draw mould Block 430.
First drafting module 410 is used to the existing content cached in buffer area being plotted to electronic whiteboard.Second draws Module 420 is used to operate in response to user for the painting and calligraphy that electronic whiteboard executes, and painting and calligraphy result is plotted on electronic whiteboard.It rings It should terminate painting and calligraphy operation in user, painting and calligraphy result is plotted to buffer area by third drafting module 430, is obtained updated later interior Hold, as current existing content.
As shown in figure 4, third drafting module 430 can optionally include the 4th drafting module shown in dotted line frame in figure 431 and writing module 432.4th drafting module 431 can be used for for painting and calligraphy result being plotted in existing content, be updated Content.The content write-in buffer area that writing module 432 is used to update, as current existing content.
As shown in figure 4, the second drafting module 420 can optionally include path creation unit shown in dotted line frame in figure 421, adding unit 422 and drawing unit 423.
Start in response to painting and calligraphy operation, path creation unit 421 can create drawing path.Adding unit 422 can be Graphical pointv corresponding with painting and calligraphy operation is added on drawing path.Drawing unit 423 can be based on drawing path on electronic whiteboard It is drawn, painting and calligraphy result is plotted on electronic whiteboard.
As shown in figure 4, realization device 400, which can optionally include, removes module 440 shown in dotted line frame in figure.In response to User terminates painting and calligraphy operation, can remove the painting and calligraphy result being plotted on electronic whiteboard by removing module 440.
As an example of the disclosure, electronic whiteboard can be realized in a manner of Layering manifestation, it such as can be in first layer Existing content is drawn, draws painting and calligraphy result in the second layer.The painting and calligraphy result that third drafting module 430 can will be drawn on the second layer It is plotted on first layer.
As shown in figure 4, realization device 400 can also optionally include in figure creation module 450 shown in dotted line frame and/or Removing module 460.
Start in response to painting and calligraphy operation, creation module 450 can create the second layer.Terminate institute in response to user Painting and calligraphy operation is stated, removing module 460 can delete the second layer.
As shown in figure 4, realization device 400 can also optionally include in figure toolbar module 470 shown in dotted line frame and/ Or background setup module 480.
Toolbar module 470 is used to show the toolbar for user's operation.Background setup module 480 for user for mentioning For the background of the electronic whiteboard, service is set.
[calculating equipment]
Fig. 5, which shows an embodiment according to the present invention, can be used for realizing the data processing of above-mentioned electronic white board realization method Calculate the structural schematic diagram of equipment.
Referring to Fig. 5, calculating equipment 1000 includes memory 1010 and processor 1020.
Processor 1020 can be the processor of a multicore, also may include multiple processors.In some embodiments, Processor 1020 may include a general primary processor and one or more special coprocessors, such as graphics process Device (GPU), digital signal processor (DSP) etc..In some embodiments, the circuit reality of customization can be used in processor 1020 It is existing, such as application-specific IC (ASIC, Application Specific Integrated Circuit) or scene Programmable gate array (FPGA, Field Programmable Gate Arrays).
Memory 1010 may include various types of storage units, such as Installed System Memory, read-only memory (ROM), and Permanent storage.Wherein, static data that other modules that ROM can store processor 1020 or computer need or Instruction.Permanent storage can be read-write storage device.Permanent storage can be after computer circuit breaking The non-volatile memory device of the instruction and data of storage will not be lost.In some embodiments, permanent storage device is adopted Use mass storage device (such as magnetically or optically disk, flash memory) as permanent storage.In other embodiment, permanently Storage device can be removable storage equipment (such as floppy disk, CD-ROM drive).Installed System Memory can be read-write storage equipment or The read-write storage equipment of person's volatibility, such as dynamic random access memory.Installed System Memory can store some or all processing The instruction and data that device needs at runtime.In addition, memory 1010 may include the group of any computer readable storage medium It closes, including various types of semiconductor memory chips (DRAM, SRAM, SDRAM, flash memory, programmable read only memory), disk And/or CD can also use.In some embodiments, memory 1010 may include readable and/or write removable Store equipment, such as laser disc (CD), read-only digital versatile disc (such as DVD-ROM, DVD-dual layer-ROM), read-only indigo plant Light CD, super disc density, flash card (such as SD card, min SD card, Micro-SD card etc.), magnetic floppy disc etc..It calculates Machine readable storage medium does not include carrier wave and the momentary electron signal by wirelessly or non-wirelessly transmitting.
Code can be handled by being stored on memory 1010, when that can handle code by the processing of processor 1020, can make to locate Reason device 1020 executes the electronic white board realization method addressed above.
Above by reference to attached drawing be described in detail electronic white board realization method according to the present invention, device, equipment with And storage medium.
In addition, being also implemented as a kind of computer program or computer program product, the meter according to the method for the present invention Calculation machine program or computer program product include the calculating for executing the above steps limited in the above method of the invention Machine program code instruction.
Alternatively, the present invention can also be embodied as a kind of (or the computer-readable storage of non-transitory machinable medium Medium or machine readable storage medium), it is stored thereon with executable code (or computer program or computer instruction code), When the executable code (or computer program or computer instruction code) by electronic equipment (or calculate equipment, server Deng) processor execute when, so that the processor is executed each step according to the above method of the present invention.
Those skilled in the art will also understand is that, various illustrative logical blocks, mould in conjunction with described in disclosure herein Block, circuit and algorithm steps may be implemented as the combination of electronic hardware, computer software or both.
The flow chart and block diagram in the drawings show the possibility of the system and method for multiple embodiments according to the present invention realities Existing architecture, function and operation.In this regard, each box in flowchart or block diagram can represent module, a journey A part of sequence section or code, a part of the module, section or code include one or more for realizing defined The executable instruction of logic function.It should also be noted that in some implementations as replacements, the function of being marked in box can also To be occurred with being different from the sequence marked in attached drawing.For example, two continuous boxes can actually be basically executed in parallel, They can also be executed in the opposite order sometimes, and this depends on the function involved.It is also noted that block diagram and/or stream The combination of each box in journey figure and the box in block diagram and or flow chart, can the functions or operations as defined in executing Dedicated hardware based system realize, or can realize using a combination of dedicated hardware and computer instructions.
Various embodiments of the present invention are described above, above description is exemplary, and non-exclusive, and It is not limited to disclosed each embodiment.Without departing from the scope and spirit of illustrated each embodiment, for this skill Many modifications and changes are obvious for the those of ordinary skill in art field.The selection of term used herein, purport In the principle, practical application or improvement to the technology in market for best explaining each embodiment, or make the art Other those of ordinary skill can understand each embodiment disclosed herein.

Claims (24)

1. a kind of electronic white board realization method characterized by comprising
The existing content cached in buffer area is plotted on electronic whiteboard;
In response to the painting and calligraphy operation that user executes for the electronic whiteboard, painting and calligraphy result is plotted on the electronic whiteboard; And
Terminate painting and calligraphy operation in response to user, the painting and calligraphy result be plotted to the buffer area, obtain it is updated There is content, as current existing content.
2. electronic white board realization method according to claim 1, which is characterized in that described to be plotted to the painting and calligraphy result The step of buffer area includes:
The painting and calligraphy result is plotted in existing content, the content updated;And
The buffer area is written into the content of the update, as current existing content.
3. electronic white board realization method according to claim 1, which is characterized in that it is described painting and calligraphy result is plotted in it is described Step on electronic whiteboard includes:
Start in response to painting and calligraphy operation, creates drawing path;
Graphical pointv corresponding with painting and calligraphy operation is added on the drawing path;And
It is drawn on the electronic whiteboard based on the drawing path, painting and calligraphy result is plotted in the electronic whiteboard On.
4. electronic white board realization method according to claim 1, which is characterized in that further include:
Terminate the painting and calligraphy operation in response to user, removes the painting and calligraphy result being plotted on the electronic whiteboard.
5. electronic white board realization method according to claim 1, which is characterized in that
The electronic whiteboard is realized in a manner of Layering manifestation, draws the existing content in first layer, draws institute in the second layer State painting and calligraphy result.
6. electronic white board realization method according to claim 5, which is characterized in that be plotted to the painting and calligraphy result described Step in existing content includes:
The painting and calligraphy result drawn on the second layer is plotted on the first layer.
7. electronic white board realization method according to claim 5, which is characterized in that further include:
Start in response to painting and calligraphy operation, creates the second layer;And/or
Terminate the painting and calligraphy operation in response to user, deletes the second layer.
8. electronic white board realization method according to claim 1, which is characterized in that
Painting and calligraphy operation is that the user contacts the electronic whiteboard and arrives the operation performed by leaving between electronic whiteboard.
9. electronic white board realization method described in claim 1, which is characterized in that further include:
The painting and calligraphy operation executed in response to user for the electronic whiteboard is more than scheduled time threshold value, and the painting and calligraphy result is drawn It makes in the existing content, obtains updated content.
10. electronic white board realization method according to claim 1, which is characterized in that
The electronic whiteboard be realized based on Canvas, and/or
It is drawn on the electronic whiteboard using OpenGL.
11. electronic white board realization method according to claim 1, which is characterized in that further include:
Show the toolbar for user's operation;And/or
The background setting service of the electronic whiteboard is provided for user.
12. a kind of electronic whiteboard realization device characterized by comprising
First drafting module, for the existing content cached in buffer area to be plotted to electronic whiteboard;
Second drafting module draws painting and calligraphy result for operating in response to user for the painting and calligraphy that the electronic whiteboard executes On the electronic whiteboard;And
Third drafting module terminates the painting and calligraphy in response to user and operates, the painting and calligraphy result is plotted to the buffer area, is obtained To updated existing content, as current existing content.
13. electronic whiteboard realization device according to claim 12, which is characterized in that the third drafting module includes:
4th drafting module, for the painting and calligraphy result to be plotted to existing content, the content updated;And
Writing module, for the buffer area to be written in the content of the update, as current existing content.
14. electronic whiteboard realization device according to claim 12, which is characterized in that second drafting module includes:
Path creation unit creates drawing path for starting in response to painting and calligraphy operation;
Adding unit, for adding graphical pointv corresponding with painting and calligraphy operation on the drawing path;And
Painting and calligraphy result is plotted in by drawing unit for being drawn on the electronic whiteboard based on the drawing path On the electronic whiteboard.
15. electronic whiteboard realization device according to claim 12, which is characterized in that further include:
Module is removed, is operated for terminating the painting and calligraphy in response to user, removes the painting and calligraphy knot being plotted on the electronic whiteboard Fruit.
16. electronic whiteboard realization device according to claim 12, which is characterized in that
The electronic whiteboard is realized in a manner of Layering manifestation, draws the existing content in first layer, draws institute in the second layer State painting and calligraphy result.
17. electronic whiteboard realization device according to claim 16, which is characterized in that
The painting and calligraphy result drawn on the second layer is plotted on the first layer by the third drafting module.
18. electronic whiteboard realization device according to claim 16, which is characterized in that further include:
Creation module creates the second layer for starting in response to painting and calligraphy operation;And/or
Removing module operates for terminating the painting and calligraphy in response to user, deletes the second layer.
19. electronic whiteboard realization device according to claim 12, which is characterized in that
Painting and calligraphy operation is that the user contacts the electronic whiteboard and arrives the operation performed by leaving between electronic whiteboard.
20. electronic whiteboard realization device described in claim 12, which is characterized in that
The painting and calligraphy operation executed in response to user for the electronic whiteboard is more than scheduled time threshold value, the third drafting module The painting and calligraphy result is plotted in the existing content, the content updated.
21. electronic whiteboard realization device according to claim 12, which is characterized in that
The electronic whiteboard be realized based on Canvas, and/or
It is drawn on the electronic whiteboard using OpenGL.
22. electronic whiteboard realization device according to claim 12, which is characterized in that further include:
Toolbar module, for showing the toolbar for user's operation;And/or
Service is arranged in background setup module, the background for providing the electronic whiteboard for user.
23. a kind of calculating equipment, comprising:
Processor;And
Memory is stored thereon with executable code, when the executable code is executed by the processor, makes the processing Device executes the method as described in any one of claim 1-11.
24. a kind of non-transitory machinable medium, is stored thereon with executable code, when the executable code is electric When the processor of sub- equipment executes, the processor is made to execute the method as described in any one of claims 1 to 11.
CN201810240019.1A 2018-03-22 2018-03-22 Electronic white board realization method, device, equipment and storage medium Pending CN110297585A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810240019.1A CN110297585A (en) 2018-03-22 2018-03-22 Electronic white board realization method, device, equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810240019.1A CN110297585A (en) 2018-03-22 2018-03-22 Electronic white board realization method, device, equipment and storage medium

Publications (1)

Publication Number Publication Date
CN110297585A true CN110297585A (en) 2019-10-01

Family

ID=68025652

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810240019.1A Pending CN110297585A (en) 2018-03-22 2018-03-22 Electronic white board realization method, device, equipment and storage medium

Country Status (1)

Country Link
CN (1) CN110297585A (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112506402A (en) * 2020-11-25 2021-03-16 广州朗国电子科技有限公司 Electronic whiteboard based graph control method and device and storage medium
CN112783905A (en) * 2020-12-25 2021-05-11 广州朗国电子科技有限公司 Data updating method, system and storage medium based on electronic whiteboard shared screen
CN113033147A (en) * 2021-03-26 2021-06-25 北京字节跳动网络技术有限公司 Text processing method, device, equipment and medium
CN115079869A (en) * 2022-08-16 2022-09-20 长沙朗源电子科技有限公司 Rendering method and device of electronic whiteboard

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2267733A1 (en) * 1998-04-06 1999-10-06 Smart Technologies, Inc. Method for editing objects representing writing on an electronic writeboard
CN105807967A (en) * 2014-12-30 2016-07-27 鸿合科技有限公司 Writing method and device for electronic whiteboard
CN107422974A (en) * 2017-07-21 2017-12-01 广州视源电子科技股份有限公司 Handwriting display methods and system, storage medium and equipment based on dual system
CN108153505A (en) * 2017-12-26 2018-06-12 掌阅科技股份有限公司 Display methods, electronic equipment and the computer storage media of handwriting input content

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2267733A1 (en) * 1998-04-06 1999-10-06 Smart Technologies, Inc. Method for editing objects representing writing on an electronic writeboard
CN105807967A (en) * 2014-12-30 2016-07-27 鸿合科技有限公司 Writing method and device for electronic whiteboard
CN107422974A (en) * 2017-07-21 2017-12-01 广州视源电子科技股份有限公司 Handwriting display methods and system, storage medium and equipment based on dual system
CN108153505A (en) * 2017-12-26 2018-06-12 掌阅科技股份有限公司 Display methods, electronic equipment and the computer storage media of handwriting input content

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112506402A (en) * 2020-11-25 2021-03-16 广州朗国电子科技有限公司 Electronic whiteboard based graph control method and device and storage medium
CN112783905A (en) * 2020-12-25 2021-05-11 广州朗国电子科技有限公司 Data updating method, system and storage medium based on electronic whiteboard shared screen
CN113033147A (en) * 2021-03-26 2021-06-25 北京字节跳动网络技术有限公司 Text processing method, device, equipment and medium
CN115079869A (en) * 2022-08-16 2022-09-20 长沙朗源电子科技有限公司 Rendering method and device of electronic whiteboard

Similar Documents

Publication Publication Date Title
CN110297585A (en) Electronic white board realization method, device, equipment and storage medium
KR102307163B1 (en) Cross-platform rendering engine
US20150007099A1 (en) Pinch Gestures in a Tile-Based User Interface
CN103035164B (en) Rendering method and system of geographic information system
CN105518742A (en) Fault-tolerant preemption mechanism at arbitrary control points for graphics processing
KR102381945B1 (en) Graphic processing apparatus and method for performing graphics pipeline thereof
CN105630507A (en) Method and device for drawing WebView control interface
CN108958630B (en) Writing content display method and device and electronic equipment
US20200372208A1 (en) Enhanced digital ink erasing
CN106502667B (en) A kind of rendering method and device
CN102135873A (en) Method and device for creating user interface
CN107678825A (en) A kind of rendering intent and electronic whiteboard applied to electronic whiteboard
JP6157758B2 (en) Information processing apparatus, moving image reproducing method, and moving image reproducing program
CN103577322A (en) Click testing method and device
CN104866318A (en) Method and device for displaying label pages in multiple windows
CN108205960A (en) Method and apparatus, electron map manufacturing system and the navigation system that a kind of word renders
CN102074221B (en) Method and device for displaying characters
CN108509241B (en) Full-screen display method and device for image and mobile terminal
CN103218135B (en) Screenshotss method on mobile terminal and device, mobile terminal
CN104871122A (en) Display control device and program
CN113282214A (en) Stroke rendering method, device, storage medium and terminal
CN109636885A (en) A kind of sequence frame animation method and system for the H5 page
CN105389021A (en) Input box information display method and display apparatus
CN107291350B (en) Method for deleting and terminal device applied to the terminal device for supporting multi-point touch
CN103038741B (en) Signal conditioning package

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
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20201124

Address after: Room 603, 6 / F, Roche Plaza, 788 Cheung Sha Wan Road, Kowloon, China

Applicant after: Zebra smart travel network (Hong Kong) Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Applicant before: Alibaba Group Holding Ltd.

RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20191001