https://github.com/malexion/html-to-image-webserver

Convert html / svg to png / jpeg
https://github.com/malexion/html-to-image-webserver

html-images svg-image svg-images

Last synced: 6 days ago
JSON representation

Convert html / svg to png / jpeg

• Host: GitHub
• URL: https://github.com/malexion/html-to-image-webserver
• Owner: Malexion
• License: unlicense
• Created: 2019-06-02T00:04:38.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T17:57:54.000Z (about 2 years ago)
• Last Synced: 2024-10-30T13:12:03.508Z (about 2 months ago)
• Topics: html-images, svg-image, svg-images
• Language: TypeScript
• Size: 67.4 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Html to image server

#### A node.js/express app to convert SVGs/html to images via [Puppeteer](https://github.com/GoogleChrome/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

```javascript

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](https://nodejs.org/en/) - Cross-platform JavaScript run-time environment for executing JavaScript code server-side. 

* [Puppeteer](https://github.com/GoogleChrome/puppeteer/) - Headless Chrome Node API.

* [TypeScript](https://www.typescriptlang.org/) - 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](https://github.com/Malexion/Html-to-Image-Webserver/blob/master/LICENSE).