jquery-digitalwrite v1.0.0
digitalwrite jQuery plugin
jQuery plugin to write charecters in digital format in a 5x5 matrix. Output looks something like this:
Using this plugin, you can create such charecters with animations, color options & size options! In future it may enable you to transform one charecter to another - that should be kinda cool!
Live Demo & more information - minhazav.me
Its live on: http://minhazav.me/samples/jquery-digitalwrite-example/
How to use: (Read More)
Create a
div
<div id="M_Placeholder"></div>
Include
jQuery
and this library and in js$("#M_Placeholder").digitalwrite({char: 'M'});
This will create a 5X5 digital
M
withwidth = 100px
&height = 500px
, in black color. These properties can be customised as follows:char
- (required) Charecter to printheight
- height of the charecter in pxwidth
- width of the charecter in pxbackground
- background color of the blocks, exred
,rgba(255, 0, 0, 1)
border
- border property of the blocks, ex1px solid red
,2px dotted black
animation
- how the blocks animate to form the charecter at the end. Categories are:none
,motion
,spiral
,contract
&fade
of thesespiral
&fade
are experimental and buggy!
So if we use everything it would look something like
$("#M_Placeholder").digitalwrite({
char: 'M',
height: 120,
width: 120,
background: 'rgba(0, 0, 0, .1)',
border: '1px dased black',
animate: 'contract'
});
For more information view documentation
9 years ago