如何使用FileReader将图像上传到html画布可拖动？

Question

我在这个网站上看到了一些优秀的帖子和Simon Sarris的[例子] [1]，但我已经碰壁了。我正在修改其中一个示例来拖放我上传的图像。它适用于第一个图像，但不适用于第二个图像。有没有人见过使用FileReader将文件上传到画布，然后拖放到那里的任何例子？

Answer 1

有两个不同的问题

使用拖放功能将文件上传到画布

• https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications#Example.3A_Using_object_URLs_to_display_images

在画布周围拖放图像

• http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-tutorial/