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:
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
Gets back the text from the image, it accepts ImageData as input and outputs a string with the text inside the image.
SP_Code
Draws text inside of an existing image at x y position
SP_Code
A utility function to download any imageData as .png
SP_Code
A utility function to download any canvas as .png
SP_Code
A utility function to draw an image on a canvas
SP_Code
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