javascript - 开发一个简单的网页设计器(拖放文本/w 字体和图像)

标签 javascript jquery html css

我有一个客户要求我开发一个简单的网页设计器(ala CustomInk.com 的 T 恤设计器),它允许用户拖放文本并将图像上传到 Canvas 上。

我对开始使用 javascript/jQuery 有一些想法,但我想问:开发这样的编辑器的最普遍可访问的方式(在浏览器支持等方面)是什么?

在我开始盲目胡闹之前,有没有人对这件事有任何建议/经验?

最佳答案

对于跨浏览器支持,如果您决定使用 Javascript 库(例如 jQuery),您的工作会容易得多。这样做的一个重要原因是因为 jQuery 将封装浏览器之间 Javascript 实现之间的所有差异。从头开始编写这一切并不可行。

所以在您的情况下,听起来您希望用户选择图片和文本,然后将它们拖放到各种 Canvas 上。那么,您想要保存他们创建的内容的格式是什么?您是否正在尝试根据他们创建的内容制作结果图像?

首先,我会查看 jQuery UI .您可以使用 draggabledroppable前端的功能,当您的用户完成后,您需要发布他们的元素坐标、文本以及他们正在使用的图片等。

看来您最大的挑战不是为此制作漂亮的界面,而是坚持他们创造的东西。

关于javascript - 开发一个简单的网页设计器(拖放文本/w 字体和图像),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4985957/

相关文章:

javascript - 使用angular js验证电话号码

javascript - 在 JavaScript 中遍历所有样式表和类是个好主意吗?

javascript - 检查Javascript中是否存在事件超时

javascript - 数组中的 div 距窗口顶部的距离

jQuery 元素未删除

javascript - Appium JavaScript,如何编写和执行我的第一个测试?

javascript - 使自定义组织结构图响应。 CSS、HTML、 Bootstrap

android - 如何在 Android 中获取 html 源代码?

javascript - HTML 选择值传递到 Javascript var(然后用于获取 JSON)

javascript - 数据表追加 html 但刷新了?