jQuery中的canvas对象，可以吗？

Question

我打算用jQuery开发浏览器游戏，我需要一个canvas对象，可以在其中放置许多视觉元素并将它们设置为动画。 仅使用jQuery完全可行吗？ 有些人可能指向HTML5画布，但是它的规范还不完整，所以我不太喜欢它。

Answer 1

使用jQuery创建画布对象非常容易。 采用

$("<canvas>");

这将创建一个HTMLCanvasElement对象，您可以将其附加到页面。 jQuery是一个JavaScript库，要编写基于画布的游戏，您需要使用JavaScript进行编码。 可能有jQuery的包装器，但是我建议您使用适合该工作的工具，而不要使用jQuery来简化一切。 检出这些库：

• http://processingjs.org/
• http://raphaeljs.com/
• http://www.c3dl.org/

Answer 2

因此，您想拥有没有HTML5画布的HTML5画布吗？ 恐怕不可能。

Answer 3

如果要玩浏览器游戏，则不一定需要画布。 实际上，这取决于您要如何以图形方式表示对象。 如果要使用精灵，则可以使div或imgs成为精灵，例如，使用CSS绝对定位将它们移动。

但是，不能，您不能以任何有意义的方式在画布上绘制线条。 综上所述，您可以制作《吃豆人》，但不能轻易制作《星球大战》。

Answer 4

我所见过的使用画布来创建类似游戏的界面的最佳方式实际上是使用YUI，但是在我自己的项目中，我可以告诉您使用jquery也可以做到这一点。

参见http://ernestdelgado.com/articles/ddwdd/

这里的交互实际上只有一个画布，您可以在其中放置可以由用户通过拖动，旋转和调整大小来操纵的对象。 如果您对动画对象更感兴趣，则可能需要看看ImpactJs.org

Answer 5

实际上，我认为html 5 canvas正是我所需要的。 人们说它很复杂，但我发现它就像其他图形API一样。