šŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL


Documentation

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


You May Also Like