SVG2VectorDrawable

Additional

Language
JavaScript
Version
N/A
Created
Jan 9, 2015
Updated
Jan 29, 2018
Owner
Ashung Hung (Ashung)
Contributors
Ashung Hung (Ashung)
sonnylazuardi
d4rekanguok
3
Activity
Badge
Generate
Download
Source code

Commercial

SVG2VectorDrawable

Node.js module and Command-line tools for convert SVG to Android vector drawable.

Use in node.js

Install.

$ npm install svg2vectordrawable --save

Example.

var s2v = require("svg2vectordrawable");

console.log(s2v.svg2vectorDrawableContent(s2v.getFileContent("svg/file.svg")));

s2v.svg2vectorDrawableFile("svg/file.svg", "drawable/file.xml");

Use in command-line

Install.

$ npm install svg2vectordrawable -g

Show the help.

$ s2v

Convert one SVG file.

$ s2v icon.svg icon.xml
$ s2v svg/icon.svg res/drawable/icon.xml

Convert one SVG file with special dpi.

$ s2v icon.svg icon.xml xhdpi
$ s2v icon.svg res/drawable/icon.xml 320

Remove the extra element from SVG.

$ s2v icon.svg icon.xml "replace(/<rect fill=\"none\" width=\"24\" height=\"24\"\/>/,'')"

Remove the <g> tag from SVG.

$ s2v icon.svg icon.xml "replace(/<g[^>]*>/gi,'').replace(/<\/g>/gi,'')"

Convert svg files in a folder.

$ s2v assets/svg res/drawable

Remove the <path> tag with fill="none" property,use for SVG export from Illustrator.

$ s2v svg xml "replace(/<path.*fill=\"none\"[^>]*/>/gi,'')"

Remove the <path> tag with class="cls-1" property,allways the bottom layer in the layer group,use for SVG export from Photoshop.

$ s2v svg xml "replace(/<[rect|path].*class=\"cls-1\"[^>]*/>/gi,'')"

Remove the <path> tag with special color and extra <g> tags, use for SVG export from Sketch.

$ s2v svg xml "replace(/<path.*fill=\"#FFFFFF\".*><\/path>/,'').replace(/<g[^>]*>/gi,'').replace(/<\/g>/gi,'')"

License

MIT