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

Patternizer.js is a canvas script to generate stripe patterns.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.

Core Java Script

Documentation

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.

You May Also Like