UNPKG

svg-outline-stroke

Version:
73 lines (54 loc) 2.11 kB
<p align="center"> <img alt="Outline Stroke" title="Outline Stroke" src="/logo.svg" width="450"> </p> <p align="center"> Sometimes you need an <code>svg</code> image that have <code>stroke</code>d attributes in its <code>paths</code> but <strong>outlined</strong> like after applying <em>Outline Stroke</em> in <em>Adobe Illustrator</em> or <em>Convert to Outlines</em> in <em>SketchApp</em> </p> <p align="center"> <a href="https://travis-ci.org/elrumordelaluz/outline-stroke"> <img src="https://travis-ci.org/elrumordelaluz/outline-stroke.svg?branch=master" alt="Build Status"> </a> </p> ## Install ```zsh yarn add svg-outline-stroke ``` ## Usage `String` input: ```js const outlineStroke = require('svg-outline-stroke') const strokedSVG = ` <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <line x1="32" y1="16" x2="32" y2="48" fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2"/> <line x1="48" y1="32" x2="16" y2="32" fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2"/> </svg>` outlineStroke(strokedSVG).then(outlined => { console.log(outlined) }) ``` `Buffer` input: ```js const fs = require('fs') const outlineStroke = require('svg-outline-stroke') fs.readFile('./source.svg', (err, data) => { if (err) throw err outlineStroke(data).then(outlined => { fs.writeFile('./dest.svg', outlined, err => { if (err) throw err console.log('yup, outlined!') }) }) }) ``` ## Params The second argument accepts `params` to apply directly when re-tracing the image, like `fill` color of the `path`, `background` and so on. Take a look into [potrace params](https://github.com/tooolbox/node-potrace#parameters) ```js outlineStroke(strokedSVG, { color: '#bada55' }).then(outlined => { console.log(outlined, 'Outlined SVG with #bada55 `fill` color') }) ``` ## Related [micro-outline-stroke](https://github.com/elrumordelaluz/micro-outline-stroke) Microservice with a public [endpoint](https://micro-outline-stroke.now.sh/) [outline-stroke-cli](https://github.com/elrumordelaluz/outline-stroke-cli) CLI version