Canvas и jQuery?

Можно ли использовать jQuery с элементом HTML5 <canvas>? Или мне нужно сделать это с помощью обычного JavaScript?

Мне просто интересно, потому что я думаю, что я мог бы сэкономить много времени с помощью jQuery, но я не знаю, как использовать элемент <canvas>, так что это может быть совершенно невозможно!

Кто-нибудь знает, могу ли я использовать jQuery для этого?

Ответ 1

Вы можете использовать jQuery для select элемента canvas, но вам придется использовать его собственные методы. Постойное начало было бы https://developer.mozilla.org/en/canvas_tutorial.

Ответ 2

jQuery - это инструментарий для взаимодействия и управления DOM плюс некоторые дополнительные опрятные методы ajax. Raphael и/или Protovis являются инструментами для визуализация.

Processing.js - это инструментарий визуализации специально для элемента canvas.

jQuery имеет один опыт, другие инструментальные средства имеют другой опыт, хотя очень возможно использовать инструменты специализации вместе;)

Ответ 3

Прямой ответ - нет, потому что jQuery основан на DOM-запросах и манипуляциях. Элементы холста рисуются с использованием API Canvas с JavaScript. Если вы ищете хорошую библиотеку холста, вы можете попробовать KineticJS. Он добавляет поддержку анимации и событий для приложений холста.

Ответ 4

jCanvas

Помимо использования jQuery для выбора холста, а затем используя встроенные методы холста, вы также можете проверить jCanvas, что "хороший" обертку вокруг API холста, который может оказаться проще/лучше/понятнее. Я знаю, что сделал.

Это выглядит так:

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

Ответ 5

Взгляните на Raphaël. Это еще лучший проект, который я видел до сих пор, используя нечто похожее на холст (поддерживаемый во всех основных браузерах) и Javascript (JQuery).

Ответ 6

ответ будет да. вам нужно использовать простой JavaScript.

как бы там ни было подключаемый модуль jQuery, который мне пригодится: http://calebevans.me/projects/jcanvas/

он дает вам доступ к холсту, используя форматирование jQuery, для которого мы используем.

Ответ 7

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