Search code examples
javascriptjqueryhtmlhtml2canvaswebpage-screenshot

how to capture screenshot in html using js or jquery

I'm need my clients be able to capture screenshot of any page of my website using button like this:

<button>Take screenshot</button>

I tried to use html2canvas but it's doesn't work properly for me because i have iframe's in my website and it's cause some session problems.

someone have solution for this?

i looked all over google and didn't found something that's helps me much.

Solution

  • Web pages are not the best things to be "screenshoted", because of their nature; they can include async elements, frames or something like that, they are usually responsive etc...

    For your purpose the best way is to use external api or an external service, I think is not a good idea to try doing that with JS.

    You should try url2png