Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Copy HTML canvas to clipboard as image

I have a web application I'm administering for a client which uses a graphing library which generates graphs using a canvas. The client wants the user to be able to copy any graph in the site so that it can be pasted into a word document. The specific question:

Is it possible to copy an HTML canvas element to the clipboard as an image?

I know that it is possible to save a canvas as an image, but it's somewhat more cumbersome than copy/paste.

EDIT: I've learned that you can convert the canvas over to an image with a data URI src, but the copy and paste support on that image is mixed. Firefox allows you to copy and paste these images out of a browser, but chrome doesn't.

As of right now, it appears that there is not a reliable way to copy and paste a canvas element.

like image 711
Brad Koch Avatar asked May 28 '11 20:05

Brad Koch


1 Answers

You cannot interact with clipboard directly with Javascript, but it could be possible with help of Flash.

You could try http://code.google.com/p/zeroclipboard/ as suggested here How do I copy to the clipboard in JavaScript?

Copying binary data could be problematic thou.

See also

http://danielmclaren.com/node/91

like image 167
Epeli Avatar answered Sep 21 '22 07:09

Epeli