我想知道是否有人可以在概念上引导我完成这个?我想使用 kineticjs 将图像从桌面拖放到浏览器画布中。但是,我只想使部分画布“可放置”。
例如,如果我有一个宽度:600、高度:400 的画布,并且其中有一个 80x80 的正方形,我如何才能使 80x80 的正方形可放置?这样只有当我将图像拖到该正方形上时,我才能将图像从桌面拖放到其中?
谢谢!
您真的应该首先尝试搜索有关如何将内容从桌面拖放到浏览器和画布中的教程。
http://robertnyman.com/2011/03/10/using-html5-canvas-drag-and-drop-and-file-api-to-offer-the-cure/
本质上,结合 FileAPI 和 KineticJS 来实现你想要的效果。