html5-canvas - FileReaderでアップロードされた画像をHTMLキャンバスにドラッグ可能にするにはどうすればよいですか?

Question

このサイトと Simon Sarris の [例][1] でいくつかの優れた投稿を読みましたが、壁にぶつかりました。例の 1 つを変更して、アップロードした画像をドラッグ アンド ドロップします。最初の画像では機能しますが、2 番目の画像では機能しません。FileReader を使用してファイルをキャンバスにアップロードし、そこにドラッグ アンド ドロップする例を見た人はいますか?

Answer 1

2つの別々の問題があります

ドラッグ アンド ドロップを使用してキャンバスにファイルをアップロードする

• 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/