Rendering and rasterizing SVGs from PhantomJS

In this recipe, we introduce how to load Scalable Vector Graphics (SVG) content into PhantomJS and save rasterized versions of those images.

Getting ready

To run this recipe, we will need a script that accesses a web page and a target URL that either is or contains SVG content. We also need write permissions to the filesystem in that script's working directory.

The script in this recipe is available in the downloadable code repository as recipe03.js under chapter07. If we run the provided example script, we must change to the root directory for the book's sample code.

Lastly, the script in this recipe runs against the demo site that is included with the cookbook's sample code repository. To run the demo site, we must have Node.js installed. In a separate terminal, change to the phantomjs-sandbox directory (in the sample code's directory), and start the app with the following command:

node app.js

How to do it…

Consider the following script:

var webpage...