web-dev-qa-db-fra.com

Toile et jQuery?

Est-il possible d'utiliser jQuery avec l'élément HTML5 <canvas>? Ou dois-je le faire avec du JavaScript simple?

Je me demande simplement, car je pense que je pourrais gagner beaucoup de temps avec jQuery, mais je n'ai aucune idée des utilisations de l'élément <canvas>, Donc cela peut être complètement impossible!

Quelqu'un sait si je peux utiliser jQuery pour cela?

javascriptjqueryhtml5canvas
26
Qcom

Vous pouvez utiliser jQuery pour select l'élément canvas, mais vous devrez utiliser ses propres méthodes. Un début décent serait https://developer.mozilla.org/en/canvas_tutorial .

23
meder omuraliev

jQuery est une boîte à outils pour interagir et manipuler le DOM ainsi que quelques méthodes ajax supplémentaires. Raphael et/ou Protovis sont des boîtes à outils pour la visualisation.

Processing.js est une boîte à outils de visualisation spécifiquement pour l'élément canvas.

jQuery a une expertise, d'autres boîtes à outils ont une autre expertise, bien qu'il soit très possible d'utiliser ensemble des boîtes à outils de spécialisation;)

14
BGerrissen

La réponse directe est non, car jQuery est basé sur l'interrogation et la manipulation DOM. Les éléments Canvas sont dessinés à l'aide de l'API Canvas avec JavaScript. Si vous cherchez une bonne bibliothèque de canevas, vous pouvez essayer KineticJS . Il ajoute la prise en charge des animations et des événements pour les applications de canevas.

6
Eric Rowell

jCanvas

En plus d'utiliser jQuery pour sélectionner le canevas, puis d'utiliser les méthodes de canevas intégrées, vous pouvez également consulter jCanvas , qui est un "joli" wrapper autour de l'API du canevas que vous pourriez trouver plus facile/meilleur/plus clair. Je sais que je l'ai fait.

Voici à quoi ça ressemble:

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

Jetez un oeil à Raphaël . C'est encore le meilleur projet que j'ai vu jusqu'à présent en utilisant quelque chose de similaire à canvas (donc pris en charge dans tous les principaux navigateurs) et Javascript (JQuery).

3
Yanick Rochon

la réponse serait oui. vous devez utiliser le JavaScript simple.

cependant, il existe un plug-in jQuery qui m'a été utile: http://calebevans.me/projects/jcanvas/

il vous donne accès au canevas en utilisant le formatage jQuery pour lequel nous sommes utilisés.

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