Patternizer.js

Patternizer.js is a canvas script to generate stripe patterns. To see what it's capable of, I strongly recommend going to patternizer.com

How to Use

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.

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'
});

License

Patternizer.js is dual-licensed under MIT/GPL. Use whichever you'd like.