Convert JS Array Into An SVG Path – bitmask-to-svg

bitmask-to-svg is a JavaScript library for creating scalable vector graphics from your data. It works by converting a JS 1D or 2D array into an SVG path, with configurable height, width, scale size, and X/Y offsets.

How to use it:

1. Install and import the bitmask-to-svg.

# NPM
$ npm i @pictogrammers/bitmask-to-svg

import bitmaskToPath from '@pictogrammers/bitmask-to-svg';

2. Convert the data you provide into an SVG path.

const myData = [
      // data here
];

const path = bitmaskToPath(myData);

3. Available options to config the SVG path.

const path = bitmaskToPath(myData, {
      width: undefined,
      height: undefined,
      scale: 1,
      offsetX: 0,
      offsetY: 0,
});

Changelog:

03/20/2023

• Fixed typo