path-that-svg

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

★ 68 Open GitHub ↗

Path that SVG!

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Sometimes is useful to have an <code>svg</code> done with <code>path</code>s instead of elements 
 such as <code>rect</code>, <code>circle</code>, <code>ellipse</code>, <code>line</code>, <code>polyline</code> or <code>polygon</code>. 
 Like when you apply Compound Path in Adobe Illustrator.

## Install

```zsh
yarn add path-that-svg
```

## Usage

`String|Buffer` svg

```js
const { pathThatSvg } = require('path-that-svg')

fs.readFile('./elements.svg', (err, input) => {
  pathThatSvg(input).then((convertedFromBuffer) => {
    console.log({ convertedFromBuffer })
  })
})

pathThatSvg(`<svg viewBox="0 0 500 200">
 <rect 
 x="200" 
 y="50" 
 fill="#F16362" 
 stroke="#30456B" 
 stroke-width="5" 
 stroke-linecap="round" 
 stroke-linejoin="round" 
 width="100" height="100"/>
</svg>`).then((convertedFromString) => {
 console.log(convertedFromString)
})
```

## Related

[element-to-path](https://github.com/elrumordelaluz/element-to-path) Convert SVG element into `path`

path-that-svg

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README