myscript-text-web

myscript-text-web offers the possibility to input handwritten text in a HTML5 canvas. The component gets the recognition result in a typeset version. It can be integrated in every web application, whatever the JavaScript library you are using. The following features are supported:

  • get the result in a typeset format,
  • undo and redo an action,
  • clear the canvas.

The recognizer will process your handwriting intelligently. It refers to lexicons, and uses a language model to understand how parts of a language come together and interact. It will not just guess one character at a time, but a whole sentence.

For Math recognition, different engines are used and the process is simpler, as less data resources (e.g. dictionaries) are needed.

See the API Reference for more information.

Mandatory parameters

In any Text recognition request, the following are MANDATORY:

The list of languages is available on the Developer Portal.

US English is the default language. If you wish to perform a recognition request in another language, keep in mind you have to update this parameter.

Demo

Try our myscript-text-web demo here and check the source code below:

<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, height=device-height, 
	initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="HandheldFriendly" content="true" />
    <title>myscript-text demo</title>
    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../myscript-text-web.html">
    <link rel="import" href="../../paper-dropdown-menu/paper-dropdown-menu.html">
    <link rel="import" href="../../paper-menu/paper-menu.html">
    <link rel="import" href="../../paper-item/paper-item.html">

</head>

<body unresolved>
<template is="dom-bind">
    <form is="iron-form" id="authenticationKeys">
        <div class="horizontal around-justified layout">
            <paper-dropdown-menu label="Choose your language">
                <paper-menu class="dropdown-content" selected="{{selectedValue}}"
				attr-for-selected="value" >
                    <paper-item value="en_US">English</paper-item>
                    <paper-item value="fr_FR">Français</paper-item>
                    <paper-item value="zh_CN" >Chinese</paper-item>
                </paper-menu>
            </paper-dropdown-menu>
        </div>
    </form>
    <myscript-text-web id='text-input'
                   firstcandidate='{{firstcandidate}}'
                   applicationkey='22eda92c-10af-40d8-abea-fd4093c17d81'
                   hmackey='a1fa759f-b3ce-4091-9fd4-d34bb870c601'
                   host='webdemo.myscript.com'
                   language='{{selectedValue}}'>
    </myscript-text-web>
</template>
</body>
</html>