与 JQuery 的照片拼贴

Question

我想开发一个类似于 http://www.fotor.com/features/collage.html 和 JQuery

的照片拼贴

已编辑: 我找了好几天了。 Fotor Collage 使用 Flash。我还尝试使用一些表单构建器作为 http://www.botsko.net/blog/2009/04/07/jquery-form-builder-plugin/。我根据需要修改了这些并将表格导出到 XML 文件以供以后在另一个文件中使用。该应用目前仅支持典型的 html 元素作为文本。我还需要添加照片和电影。

非常感谢您的帮助。

Answer 1

首先，您正在尝试做两件不同的事情：

1. 客户端：图片和文档的拖放效果
2. 在服务器上：上传该文件（可能使用 AJAX。查看 this plugin）

对于客户端部分，您可以使用 jQuery UI droppable。

删除文件后（使用 droppable events），您可以上传该文件。代码示例：

$( ".selector" ).droppable({
  drop: function( event, ui ) { alert("here i can upload my file"); }
});

这是开始编码的示例：http://jqueryui.com/droppable/#photo-manager。

Answer 2

使用HTML5canvas，您可以在网站上轻松开发照片拼贴制作工具。和FotoJet一样，它是在reactjs/jquery和bootstrap等基础上发展起来的

最受欢迎的库是 FabricJS，您可以使用它开发您的应用程序。