svg-to-flutter-path-converter
Convert your SVG file directly to Flutter paths and prevent all the messing with bezier curves.
Flutter Clutter
The tool was made in the context of my blog.
Find a demo here.
Also, a how to can be found here.
Usage as CLI Tool
To use this tool via CLI:
- Clone this repository
cd
into cloned directory
Use locally
If you want to install it locally to prevent pollution of your global node namespace, do this:
npm i
Then you can run the conversion using
npm start convert <svgFilePath> [options]
Use globally
If you want use it outside of the repository directory as well, use this:
npm i -g
The syntax to call the conversion via CLI is as follows:
svg-to-flutter convert <svgFilePath> [options]
The general usage looks like this:
Usage: svg-to-flutter [options] [command]
Commands:
convert <filePath> [options] Convert svg file to Flutter path
help [command] display help for command
Store the result on the file system
When you run it without any options, it will directly return the output.
In order to store the result on the file system, use the optional output
argument (-o
or --output
).
You can either provide a directory, which will create a file output.dart
or a path to a file you want to have created.
svg-to-flutter convert input.svg -o .
svg-to-flutter convert input.svg -o my-output.dart
Collaborators
- Wojciech Warwas - Thankfully converted the JS+HTML tool into a separate node module
npm
integration coming soon!