StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You might find inspiration from <a href="http://dailyffs.com/index.php/share-screen/" rel="noreferrer">ScreenshotMe</a>.</p> <p>Basically you need different parts:</p> <ul> <li>something that takes the image out of the clipboard and uploads it to the web: this could be a java applet, flash or firefox extensions. Flash or Java would have the advantage of being cross browser</li> <li>then you use the <code><canvas></code> tag to display the image once it has been uploaded (use <a href="http://code.google.com/p/explorercanvas/" rel="noreferrer">explorercanvas</a> to bring <code>canvas</code> to Internet Explorer)</li> </ul> <p>As I pointed out in my comment, Google is discontinuing gears in favor of HTML5, have a look at <a href="http://www.w3.org/TR/html5/editing.html" rel="noreferrer">7 User Interaction - HTML 5</a>.</p> <p>EDIT:</p> <p>HTML5 when implemented is supposed to interact with the system's clipboard. I imagine the following scenario would work:</p> <ul> <li><a href="http://www.w3.org/TR/html5/editing.html#paste-from-clipboard" rel="noreferrer">paste the image data from clipboard to canvas</a></li> <li>get the canvas pixel data back as an image using <code>toDataURL()</code>: see <a href="http://www.nihilogic.dk/labs/canvas2image/" rel="noreferrer">Canvas2Image</a></li> <li>upload the image to server when submitting: see <a href="http://canvaspaint.org/blog/2007/01/saving-images/" rel="noreferrer">Saving canvas image with PHP</a></li> </ul> <p>Until HTML5 copy/paste drag&drop is implemented, you'll have to rely on <a href="http://code.google.com/p/zeroclipboard/" rel="noreferrer">Flash</a> or a (signed) <a href="http://lassebunk.dk/2009/07/19/using-the-clipboard-to-post-images/" rel="noreferrer">Java applet</a> to interact with the clipboard.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload