A library convert html to image
import { toPng, toJpeg, toBlob } from "dom-to-images"
const dataUrl = await toPng(el, options)
const dataUrl = await toJpeg(el, options)
const blob = await toBlob(el, options)export interface Options {
filter?: (node: Node) => boolean
bgcolor?: string
width?: number
height?: number
style?: {}
quality?: number
imagePlaceholder?: string
cacheBust?: boolean
}<script type="module" src="https://unpkg.com/dom-to-images/dist/index.mjs"></script>
<script>
DomToImage.toPng(document.body).then(function (dataUrl) {
const a = document.createElement('a')
a.download = 'image.png'
a.href = dataUrl
a.click()
})
</script>