Skip to content

excalidraw/svg-to-excalidraw

Repository files navigation

svg-to-excalidraw

Library to convert SVG to Excalidraw’s file format.

💾 Installation

yarn add svg-to-excalidraw

🔰 Usage

import svgToEx from "svg-to-excalidraw";

const heartSVG = `
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <path d="M 10,30
           A 20,20 0,0,1 50,30
           A 20,20 0,0,1 90,30
           Q 90,60 50,90
           Q 10,60 10,30 z"/>
</svg>
`;

const { hasErrors, errors, content } = svgToEx.convert(heartSVG);

// SVG parsing errors are propagated through.
if (hasErrors) {
  console.error(errors);
  return;
}

navigator.clipboard.writeText(content);

// the heart excalidraw json is now copied to your clipboard.
// Just Paste it into your Excalidraw session!

🎲 Running tests

TODO.

🏗️ Local Development

Building the Project

yarn build

# Build and watch whenever a file is updated
yarn build:watch

👥 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.