Commit 7e7b78d

committed

Add png component

1 parent 3128671 commit 7e7b78dCopy full SHA for 7e7b78d

File tree

+29

-0

lines changed

+29

-0

lines changed

Lines changed: 20 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,20 @@`
	`1`	`+"use client"`
	`2`	`+import * as htmlToImage from "html-to-image"`
	`3`	`+`
	`4`	`+export function Download({ selector }: { selector: string }) {`
	`5`	`+ const onClick = async () => {`
	`6`	`+ const nodes = document.querySelectorAll(selector) as any`
	`7`	`+ for (const node of nodes) {`
	`8`	`+ const dataUrl = await htmlToImage.toPng(node as HTMLElement)`
	`9`	`+ var img = new Image()`
	`10`	`+ img.src = dataUrl`
	`11`	`+ document.getElementById("out")!.appendChild(img)`
	`12`	`+ }`
	`13`	`+ }`
	`14`	`+ return (`
	`15`	`+ <div>`
	`16`	`+ <button onClick={onClick}>As PNG</button>`
	`17`	`+ <div id="out" className="min-w-6 min-h-6 border"></div>`
	`18`	`+ </div>`
	`19`	`+ )`
	`20`	`+}`

Lines changed: 1 addition & 0 deletions

Lines changed: 8 additions & 0 deletions

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Comments

(0)