svgexport is a Node.js module and command-line tool for exporting SVG files to PNG and JPEG, it uses Puppeteer for rendering SVG files.<\/p>\n\n\n\n
npm i -g svgexport<\/pre><\/div>\n\n\n\nUsage<\/h2>\n\n\n\n
Scale 1.5x proportionally:<\/strong><\/p>\n\n\n\n
svgexport input.svg output.png 1.5x<\/pre><\/div>\n\n\n\nScale proportionally to set output width to 32px:<\/p>\n\n\n\n
svgexport input.svg output.png 32:<\/pre><\/div>\n\n\n\nScale proportionally and pad output to set output width:height to 32px:54px:<\/p>\n\n\n\n
svgexport input.svg output.png pad 32:54<\/pre><\/div>\n\n\n\nExport\u00a0
-1:-1:24:24<\/code>\u00a0(left:top:width:height<\/code>) of input.svg to output.png:<\/p>\n\n\n\nsvgexport input.svg output.png -1:-1:24:24 1x<\/pre><\/div>\n\n\n\nSet output JPEG quality:<\/p>\n\n\n\n
svgexport input.svg output.jpg 80%<\/pre><\/div>\n\n\n\nUse a CSS to style input SVG:<\/p>\n\n\n\n
svgexport input.svg output.jpg "svg{background:silver;}"<\/pre><\/div>\n\n\n\nBy default, Puppeteer has a page load timeout of 30 seconds. This might not be enough for large SVG files. If you want to change the page timeout, set the\u00a0
SVGEXPORT_TIMEOUT<\/code>\u00a0environment variable to the desired number of seconds.<\/p>\n\n\n\n\/\/ One minute timeout\nSVGEXPORT_TIMEOUT=60 svgexport input.svg output.png<\/pre><\/div>\n\n\n\nNode.js Module<\/h2>\n\n\n\n
Installation<\/h3>\n\n\n\n
npm install svgexport --save<\/pre><\/div>\n\n\n\nUsage<\/h3>\n\n\n\n
<span class="pl-k">var<\/span> <span class="pl-s1">svgexport<\/span> <span class="pl-c1">=<\/span> <span class="pl-en">require<\/span><span class="pl-kos">(<\/span><span class="pl-s">'svgexport'<\/span><span class="pl-kos">)<\/span><span class="pl-kos">;<\/span>\n\n<span class="pl-s1">svgexport<\/span><span class="pl-kos">.<\/span><span class="pl-en">render<\/span><span class="pl-kos">(<\/span><span class="pl-s1">datafile<\/span><span class="pl-kos">,<\/span> <span class="pl-s1">callback<\/span><span class="pl-kos">)<\/span><span class="pl-kos">;<\/span><\/pre><\/div>\n\n\n\n
datafile<\/code>\u00a0can be an object, an array of objects or a JSON file path, see command line usage for its format<\/p>\n\n\n\nNode.js Express App in Browser<\/h2>\n\n\n\n
npm init -y<\/pre><\/div>\n\n\n\nnpm i express<\/pre><\/div>\n\n\n\nnpm i multer<\/pre><\/div>\n\n\n\nMake a\u00a0
uploads<\/code>\u00a0directory inside the root project<\/p>\n\n\n\nindex.js<\/h2>\n\n\n\n
const express = require('express')\n\nconst multer = require('multer')\n\nconst {exec} = require("child_process")\n\nconst bodyparser = require('body-parser')\n\nconst path = require('path')\n\nvar storage = multer.diskStorage({\n destination: function (req, file, cb) {\n cb(null, 'uploads')\n },\n filename: function (req, file, cb) {\n cb(null, Date.now() + path.extname(file.originalname)) \/\/Appending extension\n }\n})\n\nvar upload = multer({ storage: storage }).single('file')\n\nconst app = express()\n\napp.use(bodyparser.urlencoded({extended:false}))\napp.use(bodyparser.json())\n\napp.get('\/', (req, res) => {\n res.sendFile(__dirname + "\/index.html")\n})\n\napp.post('\/svgtoimage', (req, res) => {\n const format = req.body.format\n console.log(format)\n const outputfile = Date.now() + `output.jpg`\n upload(req,res,(err) => {\n if(err){\n console.log("Error in Uploading file")\n }\n else{\n console.log(req.file.path)\n exec(`svgexport ${req.file.path} ${outputfile}`,(err,stderr,stdout) => {\n if(err){\n console.log("error in conversion of svg")\n }\n else{\n res.download(outputfile,(err) => {\n\n })\n }\n })\n }\n })\n})\n\napp.listen(5000, () => {\n console.log("App is listening on port 5000 ")\n})<\/pre><\/div>\n\n\n\nindex.html<\/h2>\n\n\n\n