畫布和jQuery？

Question

是否可以將 jQuery 與 HTML5 <canvas>元素一起使用？ 還是我必須用普通的 JavaScript 來做？

我只是想知道，因為我認為使用 jQuery 可以節省很多時間，但是我對<canvas>元素的用途一無所知，所以這可能是完全不可能的！

有誰知道我是否可以為此使用jQuery？

Answer 1

您可以使用 jQuery 來select畫布元素，但您必須使用它自己的方法。 一個不錯的開始是https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial 。

Answer 2

jQuery是一個工具包，用於交互和操作 DOM 以及一些額外的簡潔的 ajax 方法。 Raphael和/或Protovis是可視化工具包。

Processing.js是一個專門用於畫布元素的可視化工具包。

jQuery 有一種專長，其他工具包也有其他專長，盡管非常有可能將專業化工具包一起使用 ;)

Answer 3

直接的答案是否定的，因為 jQuery 基於 DOM 查詢和操作。 Canvas 元素是使用 Canvas API 和 JavaScript 繪制的。 如果您正在尋找一個好的畫布庫，您可以嘗試KineticJS 。 它為畫布應用程序添加了動畫和事件支持。

Answer 4

畫布

除了使用 jQuery 選擇畫布，然后使用內置畫布方法，您還可以查看jCanvas ，它是圍繞畫布 API 的“不錯”包裝器，您可能會發現它更容易/更好/更清晰。 我知道我做到了。

這是它的樣子：

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

Answer 5

看看拉斐爾。 這是迄今為止我見過的最好的項目，它使用類似於畫布（因此在所有主要瀏覽器中都支持）和 Javascript (JQuery) 的東西。

Answer 6

答案是肯定的。 你需要使用純 JavaScript ..

有沒有一個 jQuery 插件對我有用： http : //calebvans.me/projects/jcanvas/

它使您可以使用我們使用的 jQuery 格式訪問畫布。

Answer 7

var canvas=($('<canvas width="200" height="1"></canvas>'))[0];