random svg blob generator

Install

$ npm install blobs

Usage

 

import blobs from "blobs";

const svg = blobs({
    size: 288,
    complexity: 0.2,
    contrast: 0.4,
    color: "pink",
    stroke: {
        color: "red",
        width: 2,
    },
    guides: true,
});

Options

Required

Name	Type	Description
size	number	Bounding box dimensions (in pixels)
complexity	number	Shape complexity (number of points)
contrast	number	Shape contrast (randomness of point position)

Optional

Name	Type	Default	Description
color	string?	none	Fill color
stroke	object?	...	Stroke options
stroke.color	string	none	Stroke color
stroke.width	number	0	Stroke width (in pixels)
seed	string?	random	Value to seed random number generator
guides	boolean?	false	Render points, handles and stroke

Guides will use stroke color and width if defined. Otherwise, they default to black stroke with width of 1.

License

MIT