w0lramd / patternizer.js

Canvas library to easily create crazy stripe patterns.

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.