https://github.com/bearddan2000/javascript-web-html-cavas-to-pdf

A demo of html rendering to pdf. In this demo
https://github.com/bearddan2000/javascript-web-html-cavas-to-pdf

cavas html htmltocanvas javascript jspdf pdf promise to web

Last synced: about 1 month ago
JSON representation

A demo of html rendering to pdf. In this demo

• Host: GitHub
• URL: https://github.com/bearddan2000/javascript-web-html-cavas-to-pdf
• Owner: bearddan2000
• Created: 2024-02-04T00:18:41.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-04T00:18:43.000Z (11 months ago)
• Last Synced: 2024-07-30T20:04:09.578Z (5 months ago)
• Topics: cavas, html, htmltocanvas, javascript, jspdf, pdf, promise, to, web
• Language: HTML
• Homepage: https://github.com/bearddan2000/javascript-web-html-cavas-to-pdf
• Size: 22.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# javascript-web-html-cavas-to-pdf

## Description

A demo of html rendering to pdf. In this demo

the entire body of the html page in rendered to

a canvas tag then passed to pdf lib. The rendering is basicaly

an image so it will be uneditable. 

There is some security issue

with htmltocanvas, so that html fragments are not rendered.

A workaround to this issue is to have a seperate pdf page for each

html page then merge the pdfs. [Workaround](https://stackoverflow.com/questions/47632710/html2canvas-creating-multiple-divs)

Another issue in htmltocanvas lib is bootstrap, rendering to a web page is fine but when using htmltocanvas the css is wrong.

A workaround to this issue is to customize boostrap by removing the print media type. This was tested for boostrap v3.7 and later v5.3 both should this issue. [Remove print media type](https://stackoverflow.com/questions/16858954/how-to-properly-use-jspdf-library)

## Tech stack

- htmltocanvas

- jspdf

- promise

## Docker stack

- httpd:latest

## To run

`sudo ./install.sh -u`

- Available at http://localhost

## To stop

`sudo ./install.sh -d`

## To see help

`sudo ./install.sh -h`