画布和jQuery？

Question

是否可以将jQuery与HTML5 <canvas>元素一起使用？或者我必须使用纯JavaScript吗？

我只是想知道,因为我认为使用jQuery可以节省大量时间,但我对<canvas>元素的使用还没有任何线索,所以它可能完全不可能!

任何人都知道我是否可以使用jQuery？

Answer 1

您可以将jQuery用于selectcanvas元素,但您必须使用自己的方法.一个不错的开始是https://developer.mozilla.org/en/canvas_tutorial.

Answer 2

jQuery是一个工具包,用于交互和操作DOM以及一些额外的简洁ajax方法. Raphael和/或Protovis是可视化的工具包.

Processing.js是一个专门用于canvas元素的可视化工具包.

jQuery有一个专业知识,其他工具包有其他专业知识,虽然很可能一起使用专业化工具包;)

Answer 3

直接的答案是否定的,因为jQuery基于DOM查询和操作.Canvas API使用Canvas API绘制.如果您正在寻找一个好的画布库,您可以尝试使用KineticJS.它为画布应用程序添加了动画和事件支持.

Answer 4

jCanvas

除了使用jQuery选择画布然后使用内置的canvas方法之外,你还可以查看jCanvas,这是一个围绕画布API的"漂亮"包装器,你可能会发现它更容易/更好/更清晰.我知道我做到了.

这就是它的样子:

// Draw a circle
$("canvas").drawArc({
  draggable: true,
  fillStyle: "green",
  x:         100, 
  y:         100,
  radius:    50
});