【问题标题】:A canvas object in jQuery, is it possible?jQuery中的画布对象,有可能吗?
【发布时间】:2010-07-13 10:54:33
【问题描述】:

我打算用 jQuery 制作一个浏览器游戏,我需要一个画布对象,我可以在其中放置许多视觉元素并在某种程度上对它们进行动画处理。仅使用 jQuery 就完全有可能吗?有些人可能指向 HTML5 画布,但它的规范并不完整,所以我不太喜欢它。

【问题讨论】:

    标签: javascript jquery html ajax canvas


    【解决方案1】:

    使用 jQuery 制作画布对象非常容易。使用

    $("<canvas>");
    

    这会创建一个 HTMLCanvasElement 的对象,您可以将其附加到页面上。 jQuery 是一个 JavaScript 库,要编写基于画布的游戏,您需要使用 JavaScript 编写代码。可能有可用的 jQuery 包装器,但我建议您使用正确的工具来完成这项工作,而不是 jQuery 化所有内容。查看这些库:

    【讨论】:

    • 拉斐尔+1;确实它是 SVG 而不是画布,但我做了它的工作。
    【解决方案2】:

    所以你想要没有 HTML5 画布的 HTML5 画布?恐怕这是不可能的。

    【讨论】:

    • 我不是要 HTML5 画布,我什至不确定 HTML5 画布是否是我需要的。也许这可以通过 javascript 实现?
    • 拥有位图图形的唯一方法是使用画布(或 Flash 或任何第三方技术也可以):)
    【解决方案3】:

    如果你要做一个浏览器游戏,你不一定需要画布。它实际上取决于您希望如何以图形方式表示您的对象。例如,如果您要使用精灵,您可以制作 div 或 imgs 您的精灵,并使用 css 绝对定位来移动它们。

    但是不,你不能以任何有意义的方式在画布上画线。所以,总而言之,你可以制作吃豆人,但你不能轻易制作星球大战。

    【讨论】:

      【解决方案4】:

      画布创建游戏界面的最佳用途,我见过实际上使用 YUI,但在我自己的项目中,我可以告诉你,这也可以使用 jquery。

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

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

      【讨论】:

        【解决方案5】:

        其实我觉得 html 5 canvas 正是我所需要的。人们说它很复杂,但我发现它就像其他图形 API 一样。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2011-06-27
          • 1970-01-01
          • 2013-05-18
          • 2013-02-19
          • 1970-01-01
          • 1970-01-01
          • 2011-07-29
          • 2014-06-06
          相关资源
          最近更新 更多