handwritten-mathematics-recogniser/demo/demo.js

Easy and abstracted way to recognise handwritten mathematics in a browser or in a web view.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const index_1 = require("../index");
(() => {
    const scope = '.handwritten-digit-recogniser';
    const canvas = document.querySelector(`${scope} .input`);
    const drawer = new index_1.Drawer(canvas);
    const recogniseButton = document.querySelector(`${scope} .recognise`);
    const clearButton = document.querySelector(`${scope} .clear`);
    const digit = document.querySelector(`${scope} .digit`);
    recogniseButton.addEventListener('click', () => {
        const recognition = index_1.HandwrittenDigitRecogniser.recognise(canvas);
        digit.innerHTML = recognition.toString();
    });
    clearButton.addEventListener('click', () => {
        digit.innerHTML = '';
        drawer.clear();
    });
})();
(() => {
    const scope = '.handwritten-expression-recogniser';
    const canvas = document.querySelector(`${scope} .input`);
    const drawer = new index_1.Drawer(canvas);
    const recogniseButton = document.querySelector(`${scope} .recognise`);
    const clearButton = document.querySelector(`${scope} .clear`);
    const segmentation = document.querySelector(`${scope} .segmentation`);
    const expression = document.querySelector(`${scope} .expression`);
    const latex = document.querySelector(`${scope} .latex`);
    recogniseButton.addEventListener('click', () => {
        const recognition = index_1.HandwrittenExpressionRecogniser.recognise(canvas);
        expression.value = recognition;
        latex.innerHTML = `$$${recognition}$$`;
        eval('MathJax.Hub.Queue(["Typeset",MathJax.Hub]);');
    });
    clearButton.addEventListener('click', () => {
        drawer.clear();
        expression.value = '';
        latex.innerHTML = '';
    });
})();

//# sourceMappingURL=demo.js.map