Canvas et jQuery?

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

Je me demandais simplement, parce que je pense que je pourrais économiser beaucoup de temps avec l'aide de jQuery, mais je n'ai aucune idée sur la <canvas> de l'élément utilise encore, de sorte qu'il peut être tout à fait impossible!

Ce que quelqu'un sait si je peut utiliser jQuery pour cela?

Vous pouvez trouver ce plugin utile: iwhitcomb.github.io/dynamocanvas

InformationsquelleAutor Qcom | 2010-08-24

23

Vous pouvez utiliser jQuery pour select l'élément canvas, mais vous auriez à utiliser ses propres méthodes. Un début décent serait https://developer.mozilla.org/en/canvas_tutorial .
- OK, ça aurait fait gagner beaucoup de temps, vraiment, au lieu de tout ce qui getElementbyID ou quoi que ce soit. Donc, si la bibliothèque jQuery est "étendu" ou ce que vous appelez le terme, il serait possible de tirer parti de jQuery avec <canvas> dans l'avenir? Pleinement, je veux dire.
- Pourquoi tu ne peux pas utiliser de la toile à ses propres méthodes?
- Je n'ai pas dit que je ne pouvais pas, je suppose que ceux qui sont séparés de JavaScript complètement?
- jQuery est une bibliothèque pour interagir avec le DOM. Il n'est pas destiné à toile abstraite de méthodes.
- Mais, il n'y a rien de mal à faire ce que vous dit-il maintenant? Aide à sélectionner et à l'aide de JavaScript et canvas' méthodes pour la manipulation.
- Ce serait comme acheter 200 $de valeur des outils et en utilisant simplement un tournevis à partir de cet ensemble. Bien sûr, il ya rien de mal, mais si votre but est de faire la plupart de toile de script, vous n'avez pas besoin de jQuery à tous.
- Bon point! 🙂 Vous avez été référencement Toile propres méthodes, et il y a un ensemble de méthodes à partir de la <canvas> API qui sont séparées de JavaScript? Et puis les bibliothèques comme Raphaël rendre plus facile à utiliser dans un sens?
- la toile est défini en HTML 5. whatwg.org/specs/web-apps/current-work/multipage/...
- Raphaël est différente de la toile. Raphaël est pour le SVG/graphiques Vectoriels. Voir stackoverflow.com/questions/568136/...
- Vous pouvez également utiliser exCanvas pour IE implémentations.
- Ouf, ok, un peu déroutant, mais je pense que je l'ai eu! 🙂 Mais, je me demandais, sont <canvas>s'Api défini uniquement par le biais de JavaScript?
InformationsquelleAutor meder omuraliev
14

jQuery est une boîte à outils pour interagir et de manipuler le DOM plus soigné méthodes ajax.
Raphaël et/ou Protovis sont des outils pour la visualisation.

Processing.js est une visualisation trousse d'outils spécifiquement pour l'élément canvas.

jQuery a une expertise, d'autres outils ont d'autres expertises, mais il est très possible d'utiliser la spécialisation des boîtes à outils d'ensemble 😉
- J'aime la façon dont vous avez formulé, merci.
InformationsquelleAutor BGerrissen
6

La réponse directe est pas parce que jQuery est basé sur les DOM de l'interrogation et de manipulation. Toile éléments sont dessinés à l'aide de la Toile de l'API JavaScript. Si vous êtes à la recherche d'un bon toile de la bibliothèque, vous pourriez essayer KineticJS. Il ajoute de l'animation et de la prise en charge des événements pour toile applications.

InformationsquelleAutor Eric Rowell
5

jCanvas

Outre l'utilisation de jQuery pour sélectionner la zone de dessin, puis en utilisant le haut-toile méthodes, vous pouvez aussi consulter les jCanvas, qui est un "gentil" wrapper autour de la toile de l'API que vous pourriez trouver plus facile/mieux/plus clair. Je sais que j'ai fait.

C'est à quoi il ressemble:
```
//Draw a circle
$("canvas").drawArc({
  draggable: true,
  fillStyle: "green",
  x:         100, 
  y:         100,
  radius:    50
});
```
InformationsquelleAutor Joshua Pinter
3

Prendre un coup d'oeil à Raphaël. C'est encore le meilleur projet que j'ai vu jusqu'à présent à l'aide de quelque chose de semblable à la toile (donc pris en charge dans tous les principaux navigateurs) et Javascript (JQuery).
- n'est pas Raphael utilisant SVG ?
- oui, c'est fait. Il utilise également VML avec Internet Explorer (je suis sous Linux, donc je ne sais pas, ni beaucoup de soins la mise en œuvre qu'IE désormais en charge... Raphaël fonctionne avec IE 6+, et c'est assez bon pour moi). J'ai corrigé ma réponse parce que c'est effectivement trompeur. 🙂
InformationsquelleAutor Yanick Rochon
0

la réponse serait oui. vous devez utiliser la plaine de JavaScript..

comment jamais, il est un plug-in jQuery qui a été très utile pour moi:
http://calebevans.me/projects/jcanvas/

elle vous donne accès à la toile à l'aide de jQuery mise en forme qui nous sont utilisés pour .

InformationsquelleAutor NazS2
0
```
var canvas=($('<canvas width="200" height="1"></canvas>'))[0];
```
- Actuellement, cette réponse est répertorié comme une faible qualité. Nous n'avons pas vraiment encourager un code-seule réponse qu'il risque de perturber d'autres personnes. Il serait mieux si vous pouvez améliorer cette réponse, peut-être, en expliquant qu'il un peu.
InformationsquelleAutor SaKool

Vous devez vous connecter pour publier un commentaire.

jCanvas