使用jquery，js或HTML5创建基本拼贴插件

Question

我正在尝试创建一个拼贴插件，允许用户从我的网站和弹出窗口添加图片，允许他们制作拼贴画，拖动它们并创建图层等。

我对jquery和javascript很好，如果有人能给我一些关于从哪里开始的信息或信息，我会非常感激。

顺便说一句，我已经广泛搜索了这个，是的，我看过这些插件：

http://radikalfx.com/files/collage/demo.html http://www.lesterflor.com/HTML5/CanvasExample/index2.html

但这些并没有解释他们是如何做到的。任何形式的文档或其他方法的其他建议都非常有用。

谢谢！

Answer 1

以下是您可以使用的拖放拼贴的大纲：

• 为用户添加div以将其图像拖放到其中。
• 添加dragenter，dragover＆amp;将事件处理程序丢弃到该div
• 在放置事件中，使用FileReader＆amp; .readAsDataURL获取已删除图像的dataURL。
• 使用new Image()
创建每个dataURL的图像对象
• 使用'context.drawImage'
将图像对象绘制到画布上
• 根据需要设置画布图样。

祝你的拼贴好运！