What does HackerNews think of html2canvas?

Screenshots with JavaScript

Language: TypeScript

#37 in JavaScript
Show HN: Satori – Convert HTML and CSS to SVG | Oct 2022
Expand Context ↕
It's all client-side apparently, essentially by writing a page renderer in JavaScript. See:

https://stackoverflow.com/questions/4912092/using-html5-canv...

https://github.com/niklasvh/html2canvas
Launch HN: FeaturePeek (YC S19) – Front-end review for the whole team | Jul 2019
Expand Context ↕
Yes – our least supported dependency is html2canvas[1] (for screenshotting), which is supported in Chrome 1, Firefox 3.5, Opera 12, IE9+, Safari 6+. The rest of our front-end is a React app, so if your browser can run React (which is IE9+ I believe) then it should work on FeaturePeek. Give it a try and let us know if you encounter any issues.

[1] https://github.com/niklasvh/html2canvas/
Ask HN: Best screenshot generation API? | Nov 2017
I don't have much more knowledge about this than you probably have and I'm sure you did your own googling but just in case you missed this: https://stackoverflow.com/questions/4912092/using-html5-canv...

Suggested tool by best answer was this. https://github.com/niklasvh/html2canvas

Firefox 41 can screenshot a single DOM element | Sep 2015
Expand Context ↕
For now maybe this is good enough: https://github.com/niklasvh/html2canvas
Render HTML via WebGL | Apr 2015
This project(at least for me) is a little bit misleading. Because it isn't rendering HTML using WebGL.

It using html2canvas[0] to rasterize the browser rendering into a canvas, upload it to WebGL, apply effects and patch-back events(i.e. mouse clicks) back to the hidden browser dom elements. (On the other side, font hinting and such are not really a problem)

Implementing full UI framework over WebGL has it merits, and hopefully someone will make a useful(and not html+css based) one some day.

[0] https://github.com/niklasvh/html2canvas

Cloning the UI of iOS 7 with HTML, CSS and JavaScript | Sep 2013
Expand Context ↕
Yeah, the iOS 7 'frosted glass translucency is impossible to achieve with CSS. Everyone points to filter: blur(), but that only blurs the element, and not items behind it.

The only thing I could come up with was using something like HTML2Canvas[1] to render a portion of the DOM in a canvas/image, position that exactly on top, and then blur that. But all that seems quite convoluted and heavy, so decided not to invest any energy into it.

[1]: https://github.com/niklasvh/html2canvas
Show HN: Embed Full-Page Screenshots in any Blog / App / Whatever | Mar 2013
Even better, take Screenshots of any Website/App with just JavaScript and Canvas: https://github.com/niklasvh/html2canvas
How Google takes feedback | Sep 2012
Expand Context ↕
You could do this client side with https://github.com/niklasvh/html2canvas
How Google takes feedback | Sep 2012
Expand Context ↕
Every one who is interested in that should take a look at the great html2canvas library:

https://github.com/niklasvh/html2canvas
Show HN: My weekend project to learn Javascript - 'Pinterest for Hacker News' | Feb 2012
Expand Context ↕
It's possible: https://github.com/niklasvh/html2canvas

But.. I'm not sure it's going to work out too well. You'd probably do better off using a service like http://webthumb.bluga.net/home but it gets complicated quickly (although it's been a cpl years since I looked into this so things may have come along).
Html2canvas - Webpages Screenshots with JavaScript | Jul 2011
It's on GitHub btw

https://github.com/niklasvh/html2canvas