qq15725 / modern-screenshot

📸 Quickly generate image from DOM node using HTML5 canvas and SVG
https://www.toolpkg.com/image/html-to-image
MIT License
457 stars 32 forks source link

Struggling to download complex image automatically with link click method #73

Open Gamewise opened 6 months ago

Gamewise commented 6 months ago

Steps To Reproduce

Hi there, I don't seem to be able to download a complex webp or jpeg after making one. See example here:

https://play.vuejs.org/#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