javascript - 用于拖放绘图应用程序的 Canvas 与 jQuery

标签 javascript jquery canvas html5-canvas

我正在设计一个非常基本的、基于网络的绘图类型应用程序(与桌面兼容就足够了),我的用户可以将多个对象拖放到指定区域。

对象有不同的颜色和形状(只有基本的几何形状,如矩形、梯形等),用户可以调整它们的大小或旋转它们,然后保存设计(这只是将对象的坐标发送到数据库)。

我正在学习如何从头开始设计它。

对于上述类型的网页应用程序,我应该主要使用 jQuery 还是使用 HTML Canvas 元素,各有什么优缺点?

我知道它们都基于 Javascript,但我问是为了让我知道从哪个特定子集开始学习。

最佳答案

我建议使用像 KineticJS 这样的框架。 jQuery 非常适合 DOM 操作(包括拖放),但不适合图像处理(甚至像您这样的基本用例)。 Canvas 对于后者很有用,但您必须自己实现前者。

您可以尝试同时执行这两项操作,但这会很尴尬(您必须同时处理多个 Canvas 等)。使用已经完成这两项任务的库将为您节省大量精力。

注意:仅指用户界面。为了将数据来回发送到您的服务器,jQuery 具有简化的功能 ajax调用,具有良好的跨浏览器行为。其他框架可能也有类似的实用程序,但 jQuery 是我熟悉的框架,所以我推荐它。

关于javascript - 用于拖放绘图应用程序的 Canvas 与 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13150708/

相关文章:

javascript - 网页警告消息框中的项目符号点

javascript - 反转字符串而不影响任何特殊字符

javascript - 将 kendo.all.min.js 更新到 2014.3.1411 后,我的 Canvas 遇到问题

Javascript变量,增量函数?

javascript - onclick javascript 重定向到另一个页面

javascript - Jquery字符串替换,仅替换数组的开头

javascript - 将 PHP 值显示到不刷新的页面

javascript - 设置 div 覆盖所有窗口大小,减去菜单栏高度,没有滚动条

javascript - 如何在不使用 [] 的情况下在 IE8 上的 javascript 中选择对象的第一个元素?

android - PNG 叠加在 Activity 的 Canvas 动画上