是否有现有的以 HTML、CSS 和 JavaScript 实现的在线相册创建工具?

发布于 2024-11-10 06:56:44 字数 540 浏览 7 评论 0原文

我正在研究组合富互联网应用程序(例如 Google Docs 或 ProtoShare)来创建相册的可能性(例如 ShutterFly)。成品书将由我们客户的首选印刷合作伙伴在亚洲印刷。

为了让尽可能多的受众能够访问该应用程序(例如 iPad 和智能手机)用户,我们希望探索用 HTML、CSS 和 JavaScript 构建应用程序的可能性。

我想包括的一些功能是:

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

由于该项目的范围非常广泛,而且我们仍处于早期阶段,我正在寻求了解这是否会成为现实可能的。我非常有兴趣了解在没有 Flash 的情况下构建的现有示例,或者只是“直觉”地了解是否应该尝试这样做。

I'm researching the possibility of putting together a Rich Internet Application (think Google Docs or ProtoShare) for creating photobooks (like ShutterFly). The finished books will be printed in Asia by our client's preferred print partner.

To enable as wide an audience as possible to access the application (e.g. iPad and SmartPhone) users, we'd like to explore the possibility of building the app in HTML, CSS and JavaScript.

Some features I'd like to include are:

  • Crop, rotate and resize of images
  • Basic post-processing such as brightness & contrast adjustment
  • Support for video files, recording footage from webcam
  • Templated page layouts with image placeholders

As the project is very broad in scope, and we're still in the early stages I'm seeking to get a feel for whether or not this will be possible. I'd be very interested to hear of existing examples that have been built without Flash, or just getting a "gut feel" about whether or not this should even be attempted.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

随波逐流 2024-11-17 06:56:44

我的公司有一个可以实现营销自动化的应用程序,我们也有一个类似的工具,可以用来设计明信片、信件和电子邮件,然后自动发送到客户的打印机。我讨厌 Flash(谢天谢地,它正在慢慢消亡!),所以我坚持使用纯 HTML、CSS 和带有 PHP 后端的 JQuery。我从事 UI 开发已有大约 15 年的时间,由于涉及许多复杂的问题,这是迄今为止我遇到过的最艰巨的挑战。

我使用 JQuery 的 Draggable(和其他)功能来完成该任务,以建立元素的定位。处理溢出和重叠是很棘手的,所以在你的编程中,大部分时间都需要与这些问题作斗争。我通过使可编辑区域偏离实际背景来接近“排水沟”,这意味着我不必编写额外的“禁区”区域。为了处理元素的“层”,每个页面都有每个添加元素的可选择/可删除列表,例如图片、文本、设计元素等。从用户打开窗口起,每 5 分钟通过 jQuery Ajax 自动进行一次保存。 X、Y 坐标保存到 MySQL 数据库以供以后编辑或发送到打印机。

事情是这样的。我们有一个非常专业的打印机,他为我们竭尽全力。我们每天与他们沟通,并建立了一个流程,以确保我们的工作从客户到批准到印刷厂再到履行中心顺利进行。走到这一步并不容易!如果您打算使用普通的打印机进行输出,那么客户每天输出的设计都会让打印机告诉您无法完成,之后您将不得不重新调整你的应用程序。客户可以通过多种不同的方式来创建一些会给打印机带来麻烦的东西,以至于几乎没有办法解释所有这些方式。如果是我,并且我正在走这条路,我实际上可能会考虑购买一台优质彩色打印机作为我商业计划的一部分,这样我就可以完全控制整个过程。

My company has an app that does Marketing Automation and we have a similar tool built to design postcards, letters, and emails that we send to a printer for the client automatically. I HATE Flash (it's slowly dying, thank goodness!) so I insisted on pure HTML, CSS, and JQuery with a PHP backend. I've been doing UI development for about 15 years and this is by far the toughest challenge I've ever faced due to the many intricacies involved.

I approached the task using JQuery's Draggable (and other) functionality to establish positioning of elements. It's tricky to deal with overflows and overlaps, so expect to be fighting with that for a good portion of your programming. I approached "gutters" by making my editable area offset from the actual background, which meant that I didn't have to program an additional "off limits" area. To handle "layers" of elements, each page has a selectable/droppable list of each added element such as pictures, text, design elements, etc. Saving occurs automatically via jQuery Ajax every 5 minutes from the time the user opens the window. X,Y coordinates save to a MySQL database for later editing or for sending to the printer.

Here's the thing. We have a VERY specialized printer who bends over backwards for us. We communicate on a daily basis with them and have established a process to ensure our work gets from clients to approval to the printer to the fulfillment house smoothly. It wasn't an easy road to get to that point! If you're going to a run-of-the-mill printer to do your output, expect near daily headaches as clients output designs that the printer will tell you can't be done, after which you'll have to re-adjust your app. There's SO many different ways the client can create something that will throw the printer a curveball that there's virtually no way to account for all of them. If it was me and I was going down this road, I might actually consider the purchase of a quality color printer as part of my business plan so I could control the process entirely.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文