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.