Node.js stripe pattern generator and maker. It can create multi-line static and animated SVG stripe patterns.
- Install the module using npm:
npm install stripes-maker - Edit stripes.config.js file.
- Run
npm start - The output SVG file will be in the './out/' folder.
This is an example stripes configuration file that will create an SVG file with four stripes.
const config = {
out: './out/example.svg', // the pass to the output file
width: 300, // SVG width
height: 300, // SVG height
bgColor: '#fff', // SVG background color
lineRotation: 45, // stripes rotation angle in degrees
// optional animation -----------
animationType: 4, // linear animation - see types list below
animationDuration: 30, // seconds
// the list of stripes ----------
stripes: [
{
color: '#505050',
size: 20,
},
{
color: '#92CBFA',
size: 10,
},
{
color: '#AB3C83',
size: 20,
},
{
color: '#ffffff',
size: 10,
}
]
};There are four possible types of animation that can be specified in the configuration file.
- NoAnimation = 1
- RotateClockWise = 2
- RotationCounterClockwise = 3
- Linear = 4
The script can also be run globally using the following command:
stripes-makerYou can also pass another configuration file:
stripes-maker another.config.js