paint-brush
Understanding Basic Image Processing Algorithms [A Hands-on JavaScript Tutorial]by@luizguilhermefr
8,007 reads
8,007 reads

Understanding Basic Image Processing Algorithms [A Hands-on JavaScript Tutorial]

by Luiz Rosa9mFebruary 26th, 2020
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

Instagram filters are simple and simple to build your own without any external library, just pure and simple HTML + JS. OpenInsta is a simple HTML and JS tool that lets you create your own image processing engine. It will connect our image to our canvas, convert it into a flat flat array (JPEGEG, PNG, BMP, PNG) and convert it to a flat array. When our user selects an image, we attach the file as the source of a JavaScript node. This will automatically start loading the image and when it is done, when it's done, we draw its contents to the user.

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - Understanding Basic Image Processing Algorithms [A Hands-on JavaScript Tutorial]
Luiz Rosa HackerNoon profile picture
Luiz Rosa

Luiz Rosa

@luizguilhermefr

Computer Scientist, Software Engineer @ Loadsmart, Machine Learning enthusiast

Learn More
LEARN MORE ABOUT @LUIZGUILHERMEFR'S
EXPERTISE AND PLACE ON THE INTERNET.
L O A D I N G
. . . comments & more!

About Author

Luiz Rosa HackerNoon profile picture
Luiz Rosa@luizguilhermefr
Computer Scientist, Software Engineer @ Loadsmart, Machine Learning enthusiast

TOPICS

THIS ARTICLE WAS FEATURED IN...

Permanent on Arweave
Read on Terminal Reader
Read this story in a terminal
 Terminal
Read this story w/o Javascript
Read this story w/o Javascript
 Lite
Github
Infoq
Twblogs
Agiratech
Joyk
Papasearch
Aiois
Coffee-web
Prodsens
Learnrepo
Owlver
Owlver
Style-tricks