Skip to content

Latest commit

 

History

History
72 lines (49 loc) · 1.33 KB

README.md

File metadata and controls

72 lines (49 loc) · 1.33 KB
Raw

Html to Canvas Library

A library that converts html dom to canvas - using svg foreignObject

Installation

npm i html-canvas-ts

Usage


const cb = (ctx: CanvasRenderingContext2D, width: number, height: number) => {
    console.log(ctx, width, number)
}

htmlToCanvas({
    refId: document.getElementById('print-ticket'),
    printStyle: '<style> You can set up your default style inside your div.print-ticket </style>',
    opts: { // those are optional
        downloadAsImage: true,
        name: 'download-date.png'
    },
    cb
});

Clone the seed app with

git clone git@github.com:BeratS/html-to-canvas.git

Browsers

It's tested on latest Chrome(102) and Firefox(100), Safari(15), Cog Browser there are performing significantly better on big DOM trees, possibly due to it's more performant SVG support.

Internet Explorer is not (and will not be) supported, as it does not support SVG <foreignObject> tag

You can find me on:

https://twitter.com/BeratSdev
https://linkedin.com/in/berat-sulimani

"Buy Me A Coffee"



TODO

Create an issue of what are your needs of this library.
Feel free to chat with me.