react-handwriting-keyboard

A React Component to handwriting keyboard

Installation

npm install react-handwriting-keyboard

Usage

import React from 'react';
import keyboard from 'react-handwriting-keyboard';

function InputComponent() {
  const showKeyboard = (e) => {
    const input = e.target;
    keyboard.show({
      target: e.target,
      onChange: (value) => {
        console.log('value: ', value);
        input.value = value;
      },
    });
  };
  return <input type="text" onClick={showKeyboard} />
}

React.render(
  <InputComponent />,
  mountNode
);

demo地址