white c letter with a black background

constt

Modern Screenshot

How to use modern-screenshot

Tags:

svelte

typescript

modernscreenshot

Before using it you need to install the package pnpm i modern-screenshot -D

+page.svelte

<script lang="ts">
    import { domToPng } from 'modern-screenshot'
    let captureDiv: HTMLDivElement;
</script>

<div bind:this={captureDiv}>
    <p>This Text will be captured</p>
</div>

<button onclick={() => {
    domToPng(document.querySelector(captureDiv)).then(base64 => {
        open().document.write(`<img src="${ base64 }" />`)
    })
}}>Capture</button>