Convert rendered HTML 5 display (visible and invisible) to image when using HTML 5 canvas -

Convert rendered HTML 5 display (visible and invisible) to image when using HTML 5 canvas -

is there source code (or browser plugin) convert contents of html 5 web page image file? not include visible contents, hidden contents (assuming there scroll bars in page). if there isn't, advice on how approach particular functionality appreciated, , can it.

i found this...

html jpg c#

however...

i think had text in page, doesn't have dynamic images on page. page uses html 5 canvas functionality draw images. must part of image file.

it looks should able using javascript technique:

http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

make sure take note of next caveat however:

note: todataurl() method requires images drawn onto canvas hosted on web server same domain code executing it. if status not met, security_err exception thrown.

edit: may want check out these related questions:

save html5 canvas contents, including dragged-upon images

how save html5 canvas image on server

html image html5-canvas converter draw2d-js