Save html canvas to disk

[GreenBeing]

Hello. I am trying to capture and save to disk an image on a web page. The image is displayed in an embedded viewer. Per the picture below, you can see that the DOM element that contains the image is a canvas. In the Chrome browser, the user can simply right-click on the image, and the full size image (not just the cropped visible portion) can be saved to disk. The 'save image' option is not available in IE. It is for the thumbnails though... I could click the 'fit page' button in the viewer and and do a screen capture at specific coordinates, but I am afraid that the resulting imaging would be too low res to read. I am not very experienced with all of this, and I was hoping that someone here had run into a similar situation, or might have some ideas to get me going in the right direction. Thanks.

[GreenBeing]

Continuing research... It appears that the HTML5 method "toDataURL()" does what I want, but:

Code: Select all

The toDataURL() method requires that any images drawn onto the canvas are hosted on a web server with the same domain as the code executing it.  If this condition is not met, a SECURITY_ERR exception is thrown.

[Marcus Tettmar]

I'm not really sure how we could get the image itself. Are you able to share a URL where I can go and try it?