Patternizer.js is a canvas script to generate stripe patterns. To see what it's capable of, I strongly recommend going to Patternizer.jspatternizer.com
patternizer.js adds a patternizer() method to canvas elements. It can receive one parameter, which is an options object. In that you can specify a stripes array, and a background color. How to Use
var bgCanvas = document.getElementById('bgCanvas');bgCanvas.patternizer({ stripes : [ { color: '#ffb4d5', rotation: 45, opacity: 80, mode: 'normal', width: 30, gap: 10, offset: 0 }, { color: '#3a83d6', rotation: 200, opacity: 50, mode: 'plaid', width: 10, gap: 10, offset: 0 } ], bg : '#ffffff' });