JAVASCRIPT library recognition of signs input from the smartphone display

Related tags

React recosigns
Overview

Recosigns

Demo: https://gaidadei.ru/recosigns/demo/
Documentation: https://gaidadei.ru/recosigns/
Download: https://gaidadei.ru/recosigns/recosigns.zip

buy premium: https://gaidadei.ru/recosigns/premium (Absolutely no different from the free version, but you have the right to change the file name to "recosigns.premium.js")

This JavaScript library is developed to recognize signs entered on the display of a smartphone for websites. You can create signs and process calling them.

js library recognise signs smartphone web

Quick start

 <script src="https://gaidadei.ru/recosigns/recosigns.js"></script>
 <script>
   var touch = new Recognize(["template1.png", "template2.png"], window, function(n) {
     alert("You entered sign number "+n);
   });
 </script>

That's all!!! Your screen will now recognize signs. Let's take a closer look at what we have entered into our object Recognize. For the first argument, we added an array with links to signs templates that we'll talk about below. The second argument is the DOM object that you will touch with your finger. The third argument is the function that is executed after any sign has been recognized. The index of this sign is passed to the function, according to the array added in the first argument.

Templates

js library recognise signs smartphone web js library recognise signs smartphone web js library recognise signs smartphone web

Templates are just png format pictures that indicate the signs to be recognized. Image size doesn't matter. A larger image, more accurate recognition, but this does not big affect. Considering the accuracy and weight of the picture, I think the optimal size is 500x500 pixels. The image should be covered with a white background. The red circle specify the beginning, the blue - end, these points should be on top of everything else. Red must be strictly red (#ff0000, rgb(255, 0, 0)). Blue must be strictly blue (#0000ff, rgb(0, 0, 255)). The black line indicates the sign that we want to read.

You might also like...

A declarative, efficient, and flexible JavaScript library for building user interfaces.

React · React is a JavaScript library for building user interfaces. Declarative: React makes it painless to create interactive UIs. Design simple view

Jan 8, 2023

🌊 A flexible and fun JavaScript file upload library

🌊 A flexible and fun JavaScript file upload library

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user

Dec 31, 2022

JavaScript UI Component Library

Fancyapps UI Collection of task-oriented components that will make you more productive. Packed full of features that you and your clients will love. F

Dec 24, 2022

This is a TypeScript/JavaScript library which verifies the QR codes of certificates issued by the South African COVID-19 Vaccine Certificate System.

This is a TypeScript/JavaScript library which verifies the QR codes of certificates issued by the South African COVID-19 Vaccine Certificate System.

Feb 16, 2022

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

Module SonarCloud Status ag-grid-community ag-grid-enterprise AG Grid AG Grid is a fully-featured and highly customizable JavaScript data grid. It del

Dec 30, 2022

Pickle tree - Javascript tree component made with pure javascript

Pickle Tree Pickle tree is a tree component written as completely pure javascript. Just send json file to object and have fun :-D Pickle tree does't n

Nov 13, 2022

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

Dec 30, 2022

✌️ A spring physics based React animation library

✌️ A spring physics based React animation library

react-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough

Dec 28, 2022

React Hooks library for remote data fetching

React Hooks library for remote data fetching

Introduction swr.vercel.app SWR is a React Hooks library for remote data fetching. The name “SWR” is derived from stale-while-revalidate, a cache inva

Jan 4, 2023
Comments
  • [Feat] Add an option to turn it on/off

    [Feat] Add an option to turn it on/off

    If this library is going to be used in a hybrid application (like Electron for SBC) or on a typical web site, browser handling of swiping will confuse user a lot imho. What I see as an option, is to touch and hold waiting for some time until a recognition mode is turned on (with a custom timer and calling to the missed method). At the same moment scrolling can be disabled also. This will allow to avoid false triggering while user scrolls.

    UPD I wonder is .stopListen() lightweight enough to use it as on/off?

    opened by dmytro-shchurov 2
Owner
null
Phonemask - Library for processing the phone input field in the web form. Only native javascript is used

phonemask Library for processing the phone input field in the web form. Only native javascript is used Usage: Adding a library to HTML <script type="a

Neovav 2 Sep 20, 2022
Free React Native library to display local notifications.

React-Native NotiFREE ⚛ React Native library to display local notifications. A FREE alternative to React Native NotiFEE. Why? Nobody can remove the gr

Douglas Nassif Roma Junior 23 Nov 10, 2022
Display pinned tweets of Nijisanji EN members

niji-en-pinned Site that displays the pinned tweet images (usually weekly schedules) of Nijisanji EN members. View on GitHub pages Develop This projec

null 11 Dec 14, 2022
Bookstore CMS React Front-End to display a list of books, categorize it, add and remove books and update your reading progress

Bookstore REACT app to manage your books Build an app to display a list of books, categorize it, add and remove books and update your reading progress

Eapen Zacharias 3 Aug 19, 2022
The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that allows you to: Display a list of books. Add a book. Remove a selected book.

Bookstore The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that al

Anuar Shaidenov 6 Jun 12, 2022
The Bookstore is a website similar to the "Awesome Books" website. Here we will create an MVP version of it that allows you to: Display a list of books, Add a book and Remove a selected book.

Book Store This is Book Store project. Built With HTML CSS JavaScript React Screenshot Live Demo Go Live ?? Getting Started Open dev branch Open VSCod

Tadesse Alemayehu 5 May 3, 2022
Return an optimized avatar image from a domain name input.

IndieWeb Avatar API A runtime service to extract avatar images from: <link rel="apple-touch-icon"> <link rel="apple-touch-icon-precomposed"> <link rel

Eleventy 45 Aug 28, 2022
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

HENDEL SAMY 1 Dec 19, 2021
Super tiny color input ranges for React.

react-color-range · Tiny color input for React, made with native input ranges. react-color-range leverages the native input type="range" and CSS linea

Javier Bórquez 3 Jan 16, 2022
📌 A chips input designed for MUI (Material ui) V5

MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips

Victor de la Fouchardière 21 Dec 23, 2022