Coller l'image du Presse-papiers sur le canevas

J'ai une toile dont j'ai besoin pour pouvoir coller une image. J'aimerais que ce soit un navigateur croisé. Je voudrais seulement utiliser html / javascript. Je serais également disposé à utiliser un objet flash.

Cela fonctionne bien chez Chrome, mais pour le moment, je n'ai pas été en mesure de comprendre comment le faire fonctionner dans Firefox. Vous pouvez utiliser ce plugin jQuery pour détecter les pâtes de presse-papiers. Je suppose que vous savez comment dessiner l'image une fois que vous avez les données du presse-papiers.

# jquery.paste_image_reader.coffee (($) -> $.event.fix = ((originalFix) -> (event) -> event = originalFix.apply(this, arguments) if event.type.indexOf('copy') == 0 || event.type.indexOf('paste') == 0 event.clipboardData = event.originalEvent.clipboardData return event )($.event.fix) defaults = callback: $.noop matchType: /image.*/ $.fn.pasteImageReader = (options) -> if typeof options == "function" options = callback: options options = $.extend({}, defaults, options) this.each () -> element = this $this = $(this) $this.bind 'paste', (event) -> found = false clipboardData = event.clipboardData Array::forEach.call clipboardData.types, (type, i) -> return if found return unless type.match(options.matchType) file = clipboardData.items[i].getAsFile() reader = new FileReader() reader.onload = (evt) -> options.callback.call(element, file, evt) reader.readAsDataURL(file) found = true )(jQuery) 

Utiliser:

 $("html").pasteImageReader callback: (file, event) -> # Draw the image with the data from # event.target.result 

Pour autant que je sache, il n'y a aucun moyen de le faire simplement avec JavaScript et HTML. Cependant, cette publication de blog décrit la réalisation d'une application Java