Converts svg's to multiple sizes of whatever image fileformat Phantom.js supports. Ideal for creating all the (phonegap) App icons you need based on one svg.
npm install grunt-vector2raster> Converts svg's to multiple sizes of whatever image fileformats Phantom.js supports. Ideal for creating all the (phonegap) App icons you need based on one svg.
vector2raster is built on the latest in [PhantomJS][] technology to render your SVGs using a headless WebKit. I used the grunt-svg2png plugin and the phantom rasterize.js script as a starting point.
The source svg and the destination image must have the same width:height ratio for optimal results
~0.4.2If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
``shell`
npm install grunt-vector2raster --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js`
grunt.loadNpmTasks('vector2raster');
to the data object passed into grunt.initConfig().`js
vector2raster: { // Task
ios: { // Target
files:[
{
src: "<%= srcDir %>/res/app-icon/icon.svg", // Source
dest: "platforms/ios/<%= pkgName %>/Resources/icons/"
// Destination basepath (+ image name when no options)
}
],
options:{ // Options
dest:[ // Array of objects with dest image properties
{
name:"icon-40.png", // name can have some pathinfo as well
size:{width:40,height:40} // or just 40 when the image is square
}
]
}
}
}
`Version History
Version | Date | Description
-------- | ---------- | ------------
| 21-01-14 | Removed the need for svg height and width attribute.
0.1.4 | 19-01-14 | Several readme updates.
0.1.0 | 18-01-14` | Initial version.