Submit your widget
HomeText & Link EffectsScribble out your content with a Squiggle with jQuery plugin

Scribble out your content with a Squiggle with jQuery plugin

Created 6 years ago   Views 8718   downloads 1926    Author vonKristoff
Scribble out your content with a Squiggle with jQuery plugin
View DemoDownload
81
Share |

This jQuery plugin will generate a HTML5 Canvas made png to draw a 'squiggle' over your text, like a strike-through or underline.

Bored of the throughscore? Use this jQuery plugin to generate a canvas scribble over your text; whilst preserving its context so you can still copy it to clipboard and all the other usual accessibility options, like zoom and allowing for @media queries.

BASIC USAGE:

$('.element').plugin({
    intensity:50,
    thickness:3
});

config options:

Option data type values Required Nb.
intensity int 0 -> infinity No - defaults to 30 How intense the squiggle is
thickness int 1 -> ? No -> default is auto mode Auto mode will figure out a good thickness based on your font-size

HTML setup

<p>Lorem ipsum dolor sit amet, <span class='scribble'>consectetur</span> adipiscing elit.</p>

usage example

$('.scribble').squiggle();

 

You might also like