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

Question

我正在设计一个非常基本的、基于 Web 的绘图型应用程序（与桌面兼容就足够了），我的用户可以在其中将多个对象拖放到指定区域。

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

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

对于上述类型的网页应用，我应该主要使用jQuery还是应该使用HTML Canvas元素，优缺点是什么？

我知道它们都基于 Javascript，但我要求我知道从哪个特定子集开始我的学习。

Answer 1

我建议使用KineticJS 之类的框架。jQuery 非常适合 DOM 操作（包括拖放），但不适用于图像处理（即使是像您这样的基本用例）。Canvas 对后者有好处，但您必须自己实现前者。

你可以尝试同时做这两个，但这会很尴尬（你必须一次处理多个画布，等等）。使用已经完成两者的库将为您节省大量精力。

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