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/