scale-svg-d v0.1.2

Scale SVG Path

It scales SVG Path by directly changing the numbers.

For example:

M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM7.75 5.5H9c.55 0 1 .45 1 1v4.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75V7h-.75C7.34 7 7 6.66 7 6.25s.34-.75.75-.75zm4.75 12.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75V14h-1v2.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75V14h-1v3.75c0 .41-.34.75-.75.75S6 18.16 6 17.75V13.5c0-.55.45-1 1-1h4.5c.55 0 1 .45 1 1v4.25zm-.5-7c0-.41.34-.75.75-.75H15V9h-2c-.55 0-1-.45-1-1V6.5c0-.55.45-1 1-1h2.75c.41 0 .75.34.75.75s-.34.75-.75.75H13.5v1h2c.55 0 1 .45 1 1v1.5c0 .55-.45 1-1 1h-2.75c-.41 0-.75-.34-.75-.75zM18 16c0 .55-.45 1-1 1h-2v.75c0 .41-.34.75-.75.75s-.75-.34-.75-.75V13.5c0-.55.45-1 1-1H17c.55 0 1 .45 1 1V16z M15 14h1.5v1.5H15z

scale by 10, the result is:

M190,30H50c-11,0,-20,9,-20,20v140c0,11,9,20,20,20h140c11,0,20,-9,20,-20V50c0,-11,-9,-20,-20,-20zM77.5,55H90c5.5,0,10,4.5,10,10v42.5c0,4.1,-3.4,7.5,-7.5,7.5s-7.5,-3.4,-7.5,-7.5V70h-7.5C73.4,70,70,66.6,70,62.5s3.4,-7.5,7.5,-7.5zm47.5,122.5c0,4.1,-3.4,7.5,-7.5,7.5s-7.5,-3.4,-7.5,-7.5V140h-10v22.5c0,4.1,-3.4,7.5,-7.5,7.5s-7.5,-3.4,-7.5,-7.5V140h-10v37.5c0,4.1,-3.4,7.5,-7.5,7.5S60,181.6,60,177.5V135c0,-5.5,4.5,-10,10,-10h45c5.5,0,10,4.5,10,10v42.5zm-5,-70c0,-4.1,3.4,-7.5,7.5,-7.5H150V90h-20c-5.5,0,-10,-4.5,-10,-10V65c0,-5.5,4.5,-10,10,-10h27.5c4.1,0,7.5,3.4,7.5,7.5s-3.4,7.5,-7.5,7.5H135v10h20c5.5,0,10,4.5,10,10v15c0,5.5,-4.5,10,-10,10h-27.5c-4.1,0,-7.5,-3.4,-7.5,-7.5zM180,160c0,5.5,-4.5,10,-10,10h-20v7.5c0,4.1,-3.4,7.5,-7.5,7.5s-7.5,-3.4,-7.5,-7.5V135c0,-5.5,4.5,-10,10,-10H170c5.5,0,10,4.5,10,10V160zM150,140h15v15H150z

Usage

yarn add scale-svg-d

import { scale } from 'scale-svg-d';

const newD = scale(d, 10);