Skip to content

Malexion/Html-to-Image-Webserver

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Html to image server

A node.js/express app to convert SVGs/html to images via Puppeteer.

Getting Started

Installation

  • npm install
  • npm start
  • Send json to http://localhost:3000/html-to-png or http://localhost:3000/html-to-jpeg, I would recommend writing a little test app with axios
const fs = require('fs');
const axios = require('axios');

const file = 'my-chart';
const type = 'jpeg';

axios.post(`http://localhost:3000/html-to-${type}`, {
    // Note that the content that you send should have height/width attributes set on the first element since those are used for screenshot dimensions
    content: fs.readFileSync(`./${file}.svg`, { encoding: 'utf8' }).replace(/(\r\n|\n|\r)/gm, " ")
})
.then((res) => {
    console.log(res.data.msg);
    if (res.data.msg == 'Success') {
        let data = res.data.file.data;
        fs.writeFileSync(`./${file}.${type}`, Buffer.from(data));
    }
})
.catch((error) => {
    console.error(error);
});

Note: When you install it downloads a recent version of Chromium that is guaranteed to work with the library.

Usage

Requires Node v7.6.0 or greater.

Built with

  • node.js - Cross-platform JavaScript run-time environment for executing JavaScript code server-side.
  • Puppeteer - Headless Chrome Node API.
  • TypeScript - Typed superset of JavaScript that compiles to plain JavaScript.

License

This project is licensed under the The Unlicense https://github.com/Malexion/Html-to-Image-Webserver/blob/master/LICENSE.

About

Convert html / svg to png / jpeg

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published