Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

jQuery Stripes

A jQuery plugin that creates stripes on an img element.

Requires <canvas> so no IE8.

Getting Started

Download the production version or the development version.

In your web page:

<img id="stripes" style="background:#888"/>
<script>
$('#stripes').stripes({
    lineWidth: 10,
    separation: 10,
    angle: 45, // degrees
    degrees: true, // false for radians
    foregroundColor: "#000", // takes any css color;
    backgroundColor: null //transparent by default
});
</script>

http://jsfiddle.net/gunderson/xdaYB/1/

or get stripes as a dataURL image:

<script>
var myStripes = $.stripes({
    lineWidth: 10,
    separation: 10,
    angle: 45, // degrees
    degrees: true, // false for radians
    foregroundColor: "#000", // takes any css color;
    backgroundColor: null //transparent by default
});
$("#stripes").attr("src", myStripes)
</script>

http://jsfiddle.net/gunderson/v3c5e/1/

Play with it

Bitdeli Badge

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published