Javascript to paste a clipboard image directly to html5 canvas


Is it possible to paste an image from clipboard to canvas using Javascript? Here is my use-case:

  • we have a browser-based image editor (html5 / canvas) which allows uploading image files and drag-n-dropping files to canvas
  • sometimes I do not have a file but have an image in the clipboard. For example, when using screen capturing software
  • it would be much faster to just copy/paste image directly to canvas, to avoid extra steps of saving image into file and then dragging that file over to canvas

Please advice! Thanks!

1 Answer


Post Answer