將圖像拖放到畫布可投放區域

Question

我想知道是否有人可以在概念上讓我通過這個？我想使用kineticjs將圖像從桌面拖放到瀏覽器畫布中。但是，我只想讓畫布的一部分「可放下」。例如，如果我有一個畫布寬度：600，高度：400，並且我有一個正方形，80x80，我該如何才能使這個80x80正方形可放下？所以只有當我通過那個方塊拖動圖像時，我才能從桌面上將圖像放入它中？

謝謝！

Answer 1

您應該先嚐試搜索關於如何將東西從桌面拖放到瀏覽器和畫布中的教程。

http://robertnyman.com/2011/03/10/using-html5-canvas-drag-and-drop-and-file-api-to-offer-the-cure/

本質上，結合FileAPI和KineticJS達到你想要的效果。