Drop image here.
What is this?
Artify.js is a simple jQuery plugin which allows you to transform images into art with CSS3.
Inspired by Is This Art and JS Ascii.
Try it for yourself.
How does it work?
Artify.js uses the HTML5 File API, and CSS3. It only works in browsers that support the HTML5 File API, Chrome and Firefox.
How can I use it?
Invoke Artify on a block element to create a drop zone
$('div#drop-zone').artify();
You can provide Artify with two options
$('div#drop-zone').artify({ className: 'warm semi', // Apply your own styles unitSize: 12 // Pixel size of each block });
Calling Artify on an image will convert the image in place.
$('img#image-one').artify();
Try for yourself.