CN112799578A - Keyboard drawing method and device, electronic equipment and storage medium - Google Patents
Keyboard drawing method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN112799578A CN112799578A CN202110103689.0A CN202110103689A CN112799578A CN 112799578 A CN112799578 A CN 112799578A CN 202110103689 A CN202110103689 A CN 202110103689A CN 112799578 A CN112799578 A CN 112799578A
- Authority
- CN
- China
- Prior art keywords
- keyboard
- drawn
- layout parameters
- user
- input
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/70—Protecting specific internal or peripheral components, in which the protection of a component leads to protection of the entire computer
- G06F21/82—Protecting input, output or interconnection devices
- G06F21/83—Protecting input, output or interconnection devices input devices, e.g. keyboards, mice or controllers thereof
Abstract
The embodiment of the invention discloses a keyboard drawing method and device, electronic equipment and a storage medium. Wherein the method comprises the following steps: responding to the triggering operation of calling up the drawing keyboard by external input; and determining keyboard layout parameters of a keyboard to be drawn, and drawing the keyboard on the canvas according to the keyboard layout parameters. The keyboard can meet the requirements of users and protect the privacy information of the users.
Description
Technical Field
The embodiment of the invention relates to computer technology, in particular to a keyboard drawing method and device, electronic equipment and a storage medium.
Background
With the development of internet technology, people usually need to use a keyboard to implement the interaction when using a smart phone. For example, when using chat software to communicate with other people, the contents to be expressed by the user need to be input on the smart phone through a keyboard. Therefore, the use of the keyboard plays a great role in the daily life of people.
When inputting the content to be expressed by the user using the keyboard, the keyboard is first invoked. At present, an input keyboard of a mobile phone is usually called, and content input by a user is obtained through a click event of the user on the keyboard. In addition, an input keyboard is simulated by the code structure by using the H5 label for the user to use.
In the first mode, the original keyboard at the mobile phone end may be stuck when being called first, because the key is equivalent to a single service called, the ios and Android keyboards displayed on h5 are inconsistent, and it is possible that codes are required to be compatible, and if the key is the Android native keyboard, the content originally displayed at the bottom may be pushed out, and the display is damaged. The functions supported by the native keyboard are complex, and if the native component is to limit the user from inputting a specific number or decimal, a lot of redundant codes need to be written, and the front end and the back end need to check whether the user input meets the rules at the same time.
The second method is a virtual keyboard implemented by a normal h5 label, and has a problem that a user can directly see the format of a code, and the code needs to be rendered once again each time of rendering, and if some software maliciously inserted into a script exists, the user may obtain a password input by the user through the gesture of the user, namely analysis, and the like, by seeing the structure on the virtual keyboard, so that the problem that the privacy information of the user is unsafe is caused.
Disclosure of Invention
The embodiment of the invention provides a keyboard drawing method, a keyboard drawing device, electronic equipment and a storage medium, and aims to achieve the effect of generating a keyboard which can meet the requirements of a user and protect privacy information of the user.
In a first aspect, an embodiment of the present invention provides a keyboard drawing method, where the method includes:
responding to the triggering operation of calling up the drawing keyboard by external input;
and determining keyboard layout parameters of a keyboard to be drawn, and drawing the keyboard on the canvas according to the keyboard layout parameters.
In a second aspect, an embodiment of the present invention further provides a keyboard drawing apparatus, where the apparatus includes:
the drawing keyboard evoking module is used for responding to the triggering operation of evoking the drawing keyboard input from the outside;
and the keyboard drawing module is used for determining keyboard layout parameters of the keyboard to be drawn and drawing the keyboard on the canvas according to the keyboard layout parameters.
In a third aspect, an embodiment of the present invention further provides an electronic device, where the electronic device includes:
one or more processors;
storage means for storing one or more programs;
when the one or more programs are executed by the one or more processors, the one or more processors implement the keyboard rendering method according to any of the embodiments of the present invention.
In a fourth aspect, the present invention further provides a storage medium containing computer-executable instructions, which when executed by a computer processor, are configured to perform the keyboard rendering method according to any one of the embodiments of the present invention.
According to the technical scheme of the embodiment of the invention, the keyboard is drawn on the canvas according to the determined keyboard layout parameters of the keyboard to be drawn by responding to the triggering operation of calling up the drawing keyboard input from the outside, so that the keyboard carried by the client is not needed, the problems that the keyboard carried by the client is blocked when being called up and the ios and Android keyboards displayed on h5 are inconsistent and possibly need codes to be compatible are solved, and the problems that a plurality of redundant codes need to be written and the front end and the rear end need to simultaneously verify whether the input of the user meets the rules or not due to the complex functions supported by the default keyboard. Meanwhile, the problem that the format of the code can be directly seen by a user due to the fact that the virtual keyboard is realized through a common h5 label is solved, the code needs to be rendered once again each time of rendering, and if some software which is maliciously inserted into a script exists, the problem that the privacy information of the user is unsafe due to the fact that the password input by the user can be obtained through the gesture of the user through the seen structure on the virtual keyboard through analysis is solved. Therefore, the effect of generating the keyboard which can meet the requirements of the user and protect the privacy information of the user can be realized.
Drawings
FIG. 1 is a flowchart illustrating a keyboard rendering method according to a first embodiment of the present invention;
FIG. 2 is a diagram illustrating customized keyboard layout parameters according to a first embodiment of the present invention;
FIG. 3 is a diagram illustrating default keyboard layout parameters according to one embodiment of the present invention;
FIG. 4 is a flowchart of a keyboard rendering method according to a second embodiment of the present invention;
fig. 5 is a schematic flow chart illustrating an execution of a keyboard rendering method according to a second embodiment of the present invention;
fig. 6 is a schematic structural diagram of a keyboard drawing device in the third embodiment of the present invention;
fig. 7 is a schematic structural diagram of an electronic device in a fourth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Example one
Fig. 1 is a flowchart of a keyboard drawing method according to an embodiment of the present invention, where the present embodiment is applicable to a situation of drawing a virtual keyboard capable of protecting user privacy information, the method may be executed by a keyboard drawing device, where the keyboard drawing device may be implemented by software and/or hardware, and the keyboard drawing device may be configured on an electronic computing device, and specifically includes the following steps:
and S110, responding to the external input to call up the triggering operation of drawing the keyboard.
For example, the triggering operation for calling up the drawing keyboard may be an operation for calling up the drawing keyboard, which is input from the outside (for example, may be a user).
The server responds to the triggering operation of the drawing keyboard which is input from the outside, and the keyboard can be drawn on the current page.
In the implementation of the present invention, the triggering operation for calling up the drawing keyboard may specifically be: the user clicks an input box to input contents. For example, when a user enters an application program for inputting content, such as WeChat, and the user is to interact with the WeChat, the user may click on an input box in the WeChat for inputting information.
In an embodiment, the triggering operation for invoking the drawing keyboard may specifically be: the user clicks a blank area of a display interface to be operated in the client (specifically, a mobile device such as a mobile phone or a tablet). For example, after entering the WeChat, the user enters a chat interface with an object, and when the user needs to interact with the chat object by using the WeChat, the user can click a blank area in the current chat interface. The server responds to the operation of the user, and the keyboard can be drawn on the current chat interface.
It should be noted that the specific manner selected by the user to invoke the trigger operation of drawing the keyboard may be selected by the user according to the user's requirement, and is not limited herein.
In addition, the above-mentioned triggering operation for invoking the drawing keyboard is only a partial example of the embodiment of the present invention, and is not a complete example, for example, the triggering operation for invoking the drawing keyboard by using voice may also be the triggering operation for invoking the drawing keyboard by using a gesture, and the like. Any trigger that can invoke a drawing keyboard is within the scope of the embodiments of the present invention.
And S120, determining keyboard layout parameters of the keyboard to be drawn, and drawing the keyboard on the canvas according to the keyboard layout parameters.
Illustratively, the keyboard layout parameter may be a layout parameter of a keyboard to be drawn. Specific keyboard layout parameters herein may include, but are not limited to: content parameter information and/or sequence parameter information.
In an embodiment of the present invention, the content reference information at least includes: at least one number and/or at least one character required for the keyboard to be drawn.
In the embodiment of the invention, the sequence parameter information is the sequencing mode of each number and/or each character.
Optionally, determining the keyboard layout parameters of the keyboard to be drawn includes: receiving a custom keyboard layout parameter input from the outside, and taking the custom keyboard layout parameter as a keyboard layout parameter of a keyboard to be drawn; or acquiring default keyboard layout parameters, and taking the default keyboard layout parameters as the keyboard layout parameters of the keyboard to be drawn.
For example, the customized keyboard layout parameter may be a keyboard layout parameter that is self-defined by the user according to the user's needs, that is, which numbers and/or characters the user decides to have on the keyboard to be drawn, and the order of the numbers and/or characters.
Specifically, for example, as shown in the schematic diagram of the custom keyboard layout parameters illustrated in fig. 2, the user defines that only 10 digits, 0 to 9, are provided on the keyboard to be drawn, and the 10 digits are sorted out of order according to the user's setting as illustrated in fig. 2.
The default keyboard layout parameters may be the system default keyboard layout parameters. I.e., the number and/or character that the system defaults to having on the keyboard, and the manner in which those numbers and/or characters are ordered.
Specifically, for example, only numbers are on the keyboard, as shown in the schematic diagram of the default keyboard layout parameters shown in fig. 3, the system defaults to have only 10 numbers, i.e., 0 to 9, on the keyboard to be drawn, and the 10 numbers are sorted according to a certain rule as shown in fig. 3.
In the embodiment of the invention, the user-defined keyboard layout parameters input from the outside are used as the keyboard layout parameters of the keyboard to be drawn, so that the setting has the advantage of avoiding the problem that the privacy information of the user is unsafe due to the fact that the user gestures, namely the password input by the user, is obtained through analysis. And the drawn keyboard can be set according to the user requirements, so that the personalized requirements of the user are met, and the user experience is improved.
In the embodiment of the present invention, in addition to determining the layout of each number and/or each character on the keyboard to be drawn, the layout of the keyboard itself may also be determined, that is, the keyboard layout parameters may also include the background color of the keyboard and/or the click interaction style of the keyboard.
Specifically, the background color of the keyboard may be the background color of the keyboard to be drawn.
It should be noted that the background color of the keyboard may also be user-defined, or may be default for the system, and may be specifically set according to the user's needs, which is not limited herein.
In the embodiment of the present invention, the click interaction style of the keyboard may be a style presented by the keyboard if a subsequent user clicks a number and/or a character on the keyboard when using the keyboard. Specifically, for example, when a subsequent user uses the keyboard, if the user clicks one of the numbers "2" on the keyboard, the color of the number "2" on the keyboard changes while the user clicks the number "2", or a predetermined sound (for example, a sound of "ticker", or a sound of broadcasting the number "2") is emitted.
It should be noted that, in the embodiment of the present invention, before setting the click interaction style of the keyboard, a click event needs to be added, specifically, a monitoring event may be set, so that by using the monitoring event, a specific number and/or character clicked by the user when the drawn keyboard is used can be well monitored.
In this embodiment of the present invention, when the keyboard layout parameter includes a background color of the keyboard and/or a click interaction style of the keyboard, the drawing the keyboard on the canvas according to the keyboard layout parameter may specifically be: and drawing the keyboard on the canvas according to the background color of the keyboard and/or the click interaction style of the keyboard.
Specifically, the keyboard may be drawn on the canvas of the current page according to the set background color of the keyboard and/or the click interaction style of the keyboard.
When the server responds to the triggering operation of calling the drawing keyboard input from the outside and determines the keyboard layout parameters of the keyboard to be drawn, the keyboard can be drawn on the canvas according to the keyboard layout parameters.
In an embodiment of the present invention, the Canvas may be Canvas, which is a tag added in HTML5 for generating an image in real time on a web page, and may manipulate the image content.
In the embodiment of the invention, the keyboard is drawn on the canvas according to the determined keyboard layout parameters, so that the keyboard carried by the client side is not needed, the problem that the keyboard carried by the client side is blocked when the keyboard carried by the client side is called in the prior art is solved, the problem that codes are possibly required to be compatible due to inconsistent display of ios and Android keyboards on h5 is solved, and the problems that a plurality of redundant codes are required to be written due to complex functions supported by a default keyboard and the front end and the back end need to simultaneously verify whether the input of the user meets the rules or not are solved. Meanwhile, the problem that the format of the code can be directly seen by a user due to the fact that the virtual keyboard is realized through a common h5 label is solved, the code needs to be rendered once again each time of rendering, and if some software which is maliciously inserted into a script exists, the problem that the privacy information of the user is unsafe due to the fact that the password input by the user can be obtained through the gesture of the user through the seen structure on the virtual keyboard through analysis is solved. Therefore, the effect of generating the keyboard which can meet the requirements of the user and protect the privacy information of the user can be realized.
In this embodiment of the present invention, optionally, when the keyboard layout parameter includes content parameter information and/or sequence parameter information, drawing a keyboard on the canvas according to the keyboard layout parameter, specifically, the keyboard layout parameter may include: receiving at least one number and/or at least one character which are input from the outside and are needed by a keyboard to be drawn; and the ordering mode of each number and/or each character; and drawing a keyboard on the canvas based on the numbers and/or the characters and the sorting mode of the numbers and/or the characters.
In this embodiment of the present invention, optionally, the drawing a keyboard on the canvas based on each number and/or each character and the sorting manner of each number and/or each character may specifically be: determining the position of each numeral and/or each character on the keyboard to be drawn based on each numeral and/or each character and the sequencing mode of each numeral and/or each character; the keyboard is drawn on the canvas based on the location of the digits and/or characters on the keyboard to be drawn.
Therefore, the keyboard required by the user can be drawn according to the user requirement, the personalized requirement of the user is met, and the user experience is improved.
According to the technical scheme of the embodiment of the invention, the keyboard is drawn on the canvas according to the determined keyboard layout parameters of the keyboard to be drawn by responding to the triggering operation of calling up the drawing keyboard input from the outside, so that the keyboard carried by the client is not needed, the problems that the keyboard carried by the client is blocked when being called up and the ios and Android keyboards displayed on h5 are inconsistent and possibly need codes to be compatible are solved, and the problems that a plurality of redundant codes need to be written and the front end and the rear end need to simultaneously verify whether the input of the user meets the rules or not due to the complex functions supported by the default keyboard. Meanwhile, the problem that the format of the code can be directly seen by a user due to the fact that the virtual keyboard is realized through a common h5 label is solved, the code needs to be rendered once again each time of rendering, and if some software which is maliciously inserted into a script exists, the problem that the privacy information of the user is unsafe due to the fact that the password input by the user can be obtained through the gesture of the user through the seen structure on the virtual keyboard through analysis is solved. Therefore, the effect of generating the keyboard which can meet the requirements of the user and protect the privacy information of the user can be realized.
Example two
Fig. 4 is a flowchart of a keyboard drawing method according to a second embodiment of the present invention, and the second embodiment of the present invention may be combined with various alternatives in the foregoing embodiments. In this embodiment of the present invention, optionally, after the keyboard is drawn on the canvas according to the keyboard layout parameters, the method further includes: responding to the calling operation of the calling keyboard input from the outside, and displaying the drawn keyboard on the page; and receiving clicking operation on each number and/or each character on the keyboard, and determining externally input content information in response to the clicking operation. The method further comprises the following steps: and hiding the drawn keyboard in response to the trigger operation of drawing the drawn keyboard input from the outside.
As shown in fig. 4, the method of the embodiment of the present invention specifically includes the following steps:
and S210, responding to the external input to call up the triggering operation of drawing the keyboard.
S220, determining keyboard layout parameters of the keyboard to be drawn, and drawing the keyboard on the canvas according to the keyboard layout parameters.
And S230, responding to the calling operation of the keyboard input from the outside, and displaying the drawn keyboard on the page.
For example, referring to the execution flow diagram of the keyboard drawing method described in fig. 5, after a keyboard required by a user is drawn, the user may respond to an externally input operation for invoking a keyboard, which may specifically refer to the above operation for triggering the keyboard to be drawn, and details are not described here.
And when the server responds to the external input for calling the keyboard, displaying the drawn keyboard on the page.
And S240, receiving click operation on each number and/or each character on the keyboard, and determining externally input content information in response to the click operation.
For example, after the drawn keyboard is displayed on the page, an external click operation on each number and/or each character on the keyboard may be received, specifically, the click operation on each number and/or each character on the keyboard by the user may be received, and the server may obtain the content information input by the user in response to the click operation on each number and/or each character on the keyboard.
Specifically, for example, after the user enters the WeChat, the user enters a chat interface with a certain object, when the user invokes a keyboard, the drawn keyboard can be displayed on the current chat interface, when the user needs to interact with a certain chat object by using the WeChat, the user can click on each number and/or each character on the drawn keyboard, and the server responds to the click operation of the user on each number and/or each character on the drawn keyboard, so as to determine the specific content information input by the user. For example, the user clicked on "n", "i", "h", "a", "o", and "! "then, based on the characters clicked by the user, the content information input by the user can be determined as" hello! ".
Therefore, the content information input by the user can be accurately determined according to the clicking operation of the user.
In the embodiment of the invention, after the keyboard is drawn, the drawn keyboard and the page are bound, so that the content information can be displayed on the page after the content information input from the outside is determined.
Specifically, the drawn keyboard may be bound to the page, so that when the user clicks each number and/or each character on the drawn keyboard, the determined content information is directly displayed at the corresponding position of the page according to the user's operation of clicking each number and/or each character.
Continuing with the above example, after the keyboard is drawn, and after the user enters WeChat, the user enters a chat interface with an object, and if the specific content information entered by the user is determined to be "hello! ", the content information may be" hello! "displayed in an input box of the input chat content in the current chat interface.
Therefore, the user can know the specific input content in real time, so that the user can change the input content in time if the input content is found to be wrong.
In the embodiment of the present invention, the technical solution of the embodiment of the present invention further includes: receiving an encryption operation input from the outside; correspondingly, the content information can be displayed on the page by using the encryption identifier based on the encryption operation.
Specifically, when the keyboard is drawn, an encryption flag, for example, an "a" flag, may be set. When the user inputs the numbers and/or characters to be encrypted by using the drawn keyboard, the numbers and/or characters input by the user can be displayed on the page by using the encrypted identifier, namely the numbers and/or characters input by the user are not displayed.
When a user inputs numbers and/or characters to be encrypted by using a drawn keyboard, the user can perform encryption operation, specifically, an 'encryption' control can be arranged on the keyboard, and when the user clicks the 'encryption' control, the numbers and/or characters input by the user enter an encryption state. When the user clicks the 'encryption' control, the user clicks the numbers and/or characters on the keyboard, the numbers and/or characters clicked by the user are not displayed on the page, and the numbers and/or characters clicked by the user are replaced by the encryption identification. For example, when the "encrypt" control is clicked, the user clicks "1", "2", "4", "7", "6", and "9", and displayed on the page as "×".
Therefore, the content input by the user can be encrypted according to the requirement of the user, the information of the user is protected, the personalized requirement of the user is met, and the user experience is improved.
When the drawn keyboard is used for inputting contents, continuous input and change can be carried out until the input is completed and submitted.
And S250, responding to the trigger operation of drawing the drawn keyboard by external input, and hiding the drawn keyboard.
For example, when the user does not want to use the drawn keyboard after completing the input, a trigger operation for folding the drawn keyboard may be performed, so that the drawn keyboard may be hidden.
In the embodiment of the present invention, a specific implementation manner of retracting the trigger operation of the drawn keyboard may refer to the manner of invoking the trigger operation of the drawn keyboard, and is not described herein again.
And when the user does not want to use the drawn keyboard after inputting, the triggering operation of collecting the drawn keyboard can be executed, and the server responds to the triggering operation of collecting the drawn keyboard and hides the drawn keyboard. Therefore, when the drawn keyboard is reused next time, the drawing operation of drawing the drawn keyboard can be executed, so that the drawn keyboard hidden before can be displayed on a page without redrawing, and the high usability of the drawn keyboard is achieved.
In the embodiment of the invention, the drawn keyboard can be displayed at multiple ends, and the displaying effect at the multiple ends is consistent. The high reusability of the drawn keyboard is realized, and the cost is greatly reduced.
According to the technical scheme of the embodiment of the invention, the drawn keyboard is displayed on the page by responding to the externally input keyboard evoking operation, the clicking operation of each number and/or each character on the keyboard is received, and the externally input content information is determined by responding to the clicking operation, so that the content information input by the user can be accurately determined according to the clicking operation of the user. Meanwhile, when the drawn keyboard is not needed to be used, the drawn keyboard can be hidden in response to the trigger operation of drawing the drawn keyboard by external input, and therefore the drawing operation of calling the drawn keyboard can be executed when the drawn keyboard is reused next time, the previously hidden drawn keyboard can be displayed on a page without redrawing, and high usability of the drawn keyboard is achieved.
EXAMPLE III
Fig. 6 is a schematic structural diagram of a keyboard drawing device according to a third embodiment of the present invention, and as shown in fig. 6, the device includes: a drawing keyboard evoking module 31 and a keyboard drawing module 32.
The drawing keyboard evoking module 31 is used for responding to external input and evoking the triggering operation of the drawing keyboard;
and the keyboard drawing module 32 is configured to determine keyboard layout parameters of a keyboard to be drawn, and draw the keyboard on the canvas according to the keyboard layout parameters.
On the basis of the technical solution of the embodiment of the present invention, the keyboard drawing module 32 includes:
the first keyboard layout parameter determining unit is used for receiving custom keyboard layout parameters input from the outside and taking the custom keyboard layout parameters as keyboard layout parameters of a keyboard to be drawn; alternatively, the first and second electrodes may be,
and the second keyboard layout parameter determining unit is used for acquiring default keyboard layout parameters and taking the default keyboard layout parameters as the keyboard layout parameters of the keyboard to be drawn.
Optionally, the keyboard layout parameter includes content parameter information and/or sequence parameter information.
Optionally, the keyboard layout parameters further include a background color of the keyboard and/or a click interaction style of the keyboard.
On the basis of the technical solution of the embodiment of the present invention, the keyboard drawing module 32 further includes:
and the keyboard drawing unit is used for drawing the keyboard on the canvas according to the background color of the keyboard and/or the click interaction style of the keyboard.
On the basis of the technical scheme of the embodiment of the invention, the device also comprises:
the keyboard display module is used for responding to the external input calling operation for calling the keyboard and displaying the drawn keyboard on a page;
and the input content information determining module is used for receiving the clicking operation of each number and/or each character on the keyboard and determining the content information input from the outside in response to the clicking operation.
On the basis of the technical scheme of the embodiment of the invention, the device also comprises:
the information binding module is used for binding the drawn keyboard with a page;
and the information display module is used for displaying the content information on the page.
On the basis of the technical scheme of the embodiment of the invention, the device also comprises:
and the encryption operation receiving module is used for receiving the encryption operation input from the outside.
Correspondingly, the information display module is specifically configured to: and displaying the content information on the page by using an encryption identifier based on the encryption operation.
On the basis of the technical scheme of the embodiment of the invention, the device also comprises:
and the keyboard hiding module is used for hiding the drawn keyboard in response to the external input triggering operation of drawing the drawn keyboard.
The keyboard drawing device provided by the embodiment of the invention can execute the keyboard drawing method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.
Example four
Fig. 7 is a schematic structural diagram of an electronic apparatus according to a fourth embodiment of the present invention, as shown in fig. 7, the electronic apparatus includes a processor 70, a memory 71, an input device 72, and an output device 73; the number of the processors 70 in the electronic device may be one or more, and one processor 70 is taken as an example in fig. 7; the processor 70, the memory 71, the input device 72 and the output device 73 in the electronic apparatus may be connected by a bus or other means, and the bus connection is exemplified in fig. 7.
The memory 71 is a computer-readable storage medium, and can be used for storing software programs, computer-executable programs, and modules, such as program instructions/modules (for example, the drawing keyboard evoking module 31 and the keyboard drawing module 32) corresponding to the keyboard drawing method in the embodiment of the present invention. The processor 70 executes various functional applications and data processing of the electronic device by running software programs, instructions and modules stored in the memory 71, that is, implements the keyboard drawing method described above.
The memory 71 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the terminal, and the like. Further, the memory 71 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some examples, the memory 71 may further include memory located remotely from the processor 70, which may be connected to the electronic device through a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The input device 72 may be used to receive input numeric or character information and generate key signal inputs related to user settings and function controls of the electronic apparatus. The output device 73 may include a display device such as a display screen.
EXAMPLE five
An embodiment of the present invention also provides a storage medium containing computer-executable instructions, which when executed by a computer processor, perform a keyboard rendering method.
Of course, the storage medium provided by the embodiment of the present invention contains computer-executable instructions, and the computer-executable instructions are not limited to the operations of the method described above, and may also perform related operations in the keyboard drawing method provided by any embodiment of the present invention.
From the above description of the embodiments, it is obvious for those skilled in the art that the present invention can be implemented by software and necessary general hardware, and certainly, can also be implemented by hardware, but the former is a better embodiment in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which can be stored in a computer-readable storage medium, such as a floppy disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a FLASH Memory (FLASH), a hard disk or an optical disk of a computer, and includes instructions for enabling a computer electronic device (which may be a personal computer, a server, or a network device) to execute the methods according to the embodiments of the present invention.
It should be noted that, in the embodiment of the keyboard drawing device, the included units and modules are only divided according to functional logic, but are not limited to the above division as long as the corresponding functions can be implemented; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present invention.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.
Claims (10)
1. A keyboard rendering method, comprising:
responding to the triggering operation of calling up the drawing keyboard by external input;
and determining keyboard layout parameters of a keyboard to be drawn, and drawing the keyboard on the canvas according to the keyboard layout parameters.
2. The method of claim 1, wherein determining keyboard layout parameters of a keyboard to be drawn comprises:
receiving custom keyboard layout parameters input from the outside, and taking the custom keyboard layout parameters as keyboard layout parameters of a keyboard to be drawn; alternatively, the first and second electrodes may be,
acquiring default keyboard layout parameters, and taking the default keyboard layout parameters as keyboard layout parameters of a keyboard to be drawn;
wherein the keyboard layout parameters include content parameter information and/or sequence parameter information.
3. The method of claim 1, wherein the keyboard layout parameters comprise a background color of the keyboard and/or a click interaction style of the keyboard;
the drawing the keyboard on the canvas according to the keyboard layout parameters includes:
and drawing the keyboard on the canvas according to the background color of the keyboard and/or the click interaction style of the keyboard.
4. The method of claim 1, wherein after the drawing the keyboard on a canvas according to the keyboard layout parameters, the method further comprises:
responding to the external input to call up the keyboard, and displaying the drawn keyboard on a page;
and receiving click operation on each number and/or each character on the keyboard, and determining externally input content information in response to the click operation.
5. The method of claim 4, further comprising:
binding the drawn keyboard with a page;
correspondingly, after the determining of the externally input content information, the method further includes:
and displaying the content information on the page.
6. The method of claim 5, further comprising:
receiving an encryption operation input from the outside;
correspondingly, the displaying the content information on the page includes:
and displaying the content information on the page by using an encryption identifier based on the encryption operation.
7. The method of claim 1, further comprising:
and hiding the drawn keyboard in response to the trigger operation of drawing the drawn keyboard input from the outside.
8. A keyboard drawing device, comprising:
the drawing keyboard evoking module is used for responding to the triggering operation of evoking the drawing keyboard input from the outside;
and the keyboard drawing module is used for determining keyboard layout parameters of the keyboard to be drawn and drawing the keyboard on the canvas according to the keyboard layout parameters.
9. An electronic device, characterized in that the electronic device comprises:
one or more processors;
storage means for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement the keyboard rendering method of any of claims 1-7.
10. A storage medium containing computer-executable instructions for performing the keyboard rendering method of any one of claims 1-7 when executed by a computer processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110103689.0A CN112799578B (en) | 2021-01-26 | 2021-01-26 | Keyboard drawing method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110103689.0A CN112799578B (en) | 2021-01-26 | 2021-01-26 | Keyboard drawing method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112799578A true CN112799578A (en) | 2021-05-14 |
| CN112799578B CN112799578B (en) | 2022-06-17 |
Family
ID=75811819
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110103689.0A Active CN112799578B (en) | 2021-01-26 | 2021-01-26 | Keyboard drawing method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112799578B (en) |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2010105440A1 (en) * | 2009-03-20 | 2010-09-23 | Google Inc. | Interaction with ime computing device |
| CN104704452A (en) * | 2012-10-10 | 2015-06-10 | 微软公司 | A split virtual keyboard on a mobile computing device |
| CN107092643A (en) * | 2017-03-06 | 2017-08-25 | 武汉斗鱼网络科技有限公司 | A kind of barrage rendering intent and device |
| CN108920083A (en) * | 2018-07-02 | 2018-11-30 | 珠海市魅族科技有限公司 | A kind of input method application method and device |
| CN109634711A (en) * | 2019-01-11 | 2019-04-16 | 厦门亿联网络技术股份有限公司 | A kind of Dynamic Configuration of dummy keyboard |
| CN109739366A (en) * | 2018-03-20 | 2019-05-10 | 北京字节跳动网络技术有限公司 | A kind of method and apparatus that soft keyboard is shown |
| CN109885241A (en) * | 2019-01-16 | 2019-06-14 | 平安普惠企业管理有限公司 | Dummy keyboard generation method, server and computer readable storage medium |
| CN110597592A (en) * | 2019-09-23 | 2019-12-20 | 深圳Tcl新技术有限公司 | Processing method of input method keyboard, display device and storage medium |
| CN110703977A (en) * | 2019-08-30 | 2020-01-17 | 深圳壹账通智能科技有限公司 | H5 webpage input keyboard implementation method, device, equipment and storage medium |
| CN111176516A (en) * | 2012-05-18 | 2020-05-19 | 苹果公司 | Device, method and graphical user interface for manipulating a user interface |
| CN111767100A (en) * | 2020-01-09 | 2020-10-13 | 北京沃东天骏信息技术有限公司 | Image processing method, device, system and medium applied to browser |
-
2021
- 2021-01-26 CN CN202110103689.0A patent/CN112799578B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2010105440A1 (en) * | 2009-03-20 | 2010-09-23 | Google Inc. | Interaction with ime computing device |
| CN102439544A (en) * | 2009-03-20 | 2012-05-02 | 谷歌股份有限公司 | Interaction with ime computing device |
| CN111176516A (en) * | 2012-05-18 | 2020-05-19 | 苹果公司 | Device, method and graphical user interface for manipulating a user interface |
| CN104704452A (en) * | 2012-10-10 | 2015-06-10 | 微软公司 | A split virtual keyboard on a mobile computing device |
| CN107092643A (en) * | 2017-03-06 | 2017-08-25 | 武汉斗鱼网络科技有限公司 | A kind of barrage rendering intent and device |
| CN109739366A (en) * | 2018-03-20 | 2019-05-10 | 北京字节跳动网络技术有限公司 | A kind of method and apparatus that soft keyboard is shown |
| CN108920083A (en) * | 2018-07-02 | 2018-11-30 | 珠海市魅族科技有限公司 | A kind of input method application method and device |
| CN109634711A (en) * | 2019-01-11 | 2019-04-16 | 厦门亿联网络技术股份有限公司 | A kind of Dynamic Configuration of dummy keyboard |
| CN109885241A (en) * | 2019-01-16 | 2019-06-14 | 平安普惠企业管理有限公司 | Dummy keyboard generation method, server and computer readable storage medium |
| CN110703977A (en) * | 2019-08-30 | 2020-01-17 | 深圳壹账通智能科技有限公司 | H5 webpage input keyboard implementation method, device, equipment and storage medium |
| CN110597592A (en) * | 2019-09-23 | 2019-12-20 | 深圳Tcl新技术有限公司 | Processing method of input method keyboard, display device and storage medium |
| CN111767100A (en) * | 2020-01-09 | 2020-10-13 | 北京沃东天骏信息技术有限公司 | Image processing method, device, system and medium applied to browser |
Non-Patent Citations (1)
| Title |
|---|
| 周国福: "基于HTML5的2D动画技术研究", 《鄂州大学学报》, vol. 22, no. 12, 31 December 2015 (2015-12-31), pages 110 - 112 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112799578B (en) | 2022-06-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108427731B (en) | Page code processing method and device, terminal equipment and medium | |
| CN109446832B (en) | Screen capturing method and device | |
| US10810698B2 (en) | Information processing method and client | |
| US10461934B2 (en) | Authentication-based message display method and communication terminal thereof | |
| CN112286416A (en) | Information display method and device and electronic equipment | |
| CN111796747B (en) | Multi-open application processing method and device and electronic equipment | |
| CN113127432A (en) | Operation execution method, device, electronic equipment and medium | |
| US11567635B2 (en) | Online collaborative document processing method and device | |
| CN113285866A (en) | Information sending method and device and electronic equipment | |
| CN113741754A (en) | Task creation method and device, electronic equipment and computer-readable storage medium | |
| CN112799578B (en) | Keyboard drawing method and device, electronic equipment and storage medium | |
| CN111756556B (en) | Message pushing method and device and terminal | |
| CN112163432A (en) | Translation method, translation device and electronic equipment | |
| CN111817944A (en) | Picture sharing method and device and electronic equipment | |
| CN115510508A (en) | Page information protection method and device and electronic equipment | |
| CN107977451B (en) | Method and device for adding dynamic content in display page and terminal equipment | |
| CN114578898A (en) | Display method, electronic device and readable storage medium | |
| CN112632596B (en) | Data processing method, device, storage medium and terminal | |
| CN105278812A (en) | Interface adjustment method and terminal | |
| CN113162840B (en) | Display method, display device, electronic apparatus, and readable storage medium | |
| CN112328139B (en) | Display method, display device and storage medium | |
| CN111857459B (en) | Application processing method and device, electronic equipment and storage medium | |
| CN108153525B (en) | Method and device for constructing interactive interface and electronic equipment | |
| CN117082056A (en) | File sharing method and electronic equipment | |
| CN116088996A (en) | Interface theme switching method, device, equipment, medium and product |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |