是否有一个现有的在线相册创建工具用HTML、CSS和JavaScript实现

Is there an existing online photobook creation tool implemented in HTML, CSS and JavaScript?

本文关键字：HTML CSS 实现 JavaScript 工具创建有一个在线是否更新时间：2023-09-26

我正在研究组装一个富互联网应用程序（比如谷歌文档或ProtoShare）来创建相册（比如ShutterFly）的可能性。成品书将由我们客户首选的印刷合作伙伴在亚洲印刷。

为了让尽可能广泛的受众能够访问应用程序（例如iPad和SmartPhone）用户，我们想探索用HTML、CSS和JavaScript构建应用程序的可能性。

我想包括的一些功能是：

裁剪、旋转和调整图像大小
基本的后处理，如亮度&对比度调整
支持视频文件，从网络摄像头录制视频片段
带图像占位符的模板页面布局

由于该项目的范围非常广泛，而且我们仍处于早期阶段，我正在寻求了解这是否可能。我很想听听没有Flash构建的现有示例，或者只是"直觉"一下是否应该尝试一下。

我的公司有一个执行营销自动化的应用程序，我们也有一个类似的工具，用于设计明信片、信件和电子邮件，我们会自动发送给客户的打印机。我讨厌Flash（谢天谢地，它正在慢慢消亡！）所以我坚持使用纯HTML、CSS和带有PHP后端的JQuery。我已经做了大约15年的UI开发，这是迄今为止我所面临的最严峻的挑战，因为涉及到许多复杂的问题。

我使用JQuery的Draggable（和其他）功能来确定元素的位置。处理溢出和重叠是很棘手的，所以在编程的大部分时间里都要与之斗争。我通过使我的可编辑区域与实际背景偏移来接近"排水沟"，这意味着我不必编程额外的"禁区"区域。为了处理元素的"层"，每个页面都有一个可选择/可丢弃的每个添加元素的列表，如图片、文本、设计元素等。从用户打开窗口起，每5分钟通过jQuery Ajax自动保存一次。X、 Y坐标保存到MySQL数据库中，以便以后编辑或发送到打印机。

事情是这样的。我们有一位非常专业的打印机，他为我们竭尽全力。我们每天都与他们沟通，并建立了一个流程，以确保我们的工作从客户到批准，再到打印机，再到履行公司。到那一步可不是一条容易的路！如果你要用普通的打印机进行输出，预计几乎每天都会遇到麻烦，因为客户会输出打印机告诉你无法完成的设计，之后你必须重新调整你的应用程序。客户端可以通过多种不同的方式创建会给打印机带来麻烦的东西，几乎没有办法解释所有这些。如果是我和我走上这条路，我可能会考虑购买一台高质量的彩色打印机作为我商业计划的一部分，这样我就可以完全控制整个过程。