sp_code v1.0.1

SP Code

Javascript library to create SP Code images, a way to put/get any text inside an image or create an image from text

Description

This library allows you to put any text inside an image or create an image from plain text, those images can then be converted back to text.

Use cases

You can use this library to store text inside a picture to be extracted later, for example an album image with the lyrics for each song stored inside it. Another use case would be to compress text, in fact the image is usually from 25 to 50 percent smaller in size than the plain text variant, this thanks to the png being compressed using a loss-less algorithm.

This image contains the whole library code inside it

This image contains the tetris code in javascript

This contains 60kb of text

Usage

To use the library in your website, include it in a script tag:

<script src="/path/SP_Code.js"></script>

Once imported there will be a global object called SP_Code which contains all the functions of the library

Functions

The main function, turns text into an image by converting the character to R G B values

SP_Code.createImage(text, shift, fill)

Gets back the text from the image, it accepts ImageData as input and outputs a string with the text inside the image.

SP_Code.getTextFromImage(ImageData)

Draws text inside of an existing image at x y position

SP_Code.drawTextOnPicture(ImageData, text, shift, x, y)

A utility function to download any imageData as .png

SP_Code.downloadImageFromData(ImageData, fileName)

A utility function to download any canvas as .png

SP_Code.downloadImageFromCanvas(Canvas, fileName)

A utility function to draw an image on a canvas

SP_Code.drawOnCanvas(ImageData, Canvas)

Demo

You can try a demo of the library on Specy's portfolio website . Download one of the images above and then select them with the "scan image" button

Warning

Compressing or cutting the images will result in the text not being able to be extracted, make sure to send and scan the exact image that the library output.

Browser compatibility

This library uses the TextEncoder API which is not supported by IE so you might have to add a polyfill