HTML5 Canvas + select / glisser-déposer dans une lib JS?

Je voudrais utiliser HTML5 Canvas, mais je voudrais l'utiliser en termes de formes, de textes et de courbes, la possibilité de joindre traditionnel DOM événements comme onClick ou glisser-déposer et de fonctions. Est-il une bibliothèque Javascript qui est en mesure de le faire pour moi? J'ai vu que gwt-toile est proche de cette approche, mais je n'ai pas regardé en détails.

Grâce,
Istvan

Jetez un oeil à fabric.js qui vous donne exactement ce que — formes, des objets texte, des images, etc. — tous par programmation accessible et modifiable.

OriginalL'auteur István | 2010-05-10

  1. 0

    Je ne sais pas beaucoup sur le js, mais je suis enclin à recommander http://processingjs.org/ Cependant, notez qu'il est à peu près une bibliothèque java implémenté en javascript.

    Je pense qu'il pourrait vous aider à préciser votre question si vous avez besoin de joindre des événements (onClick, etc...) à certains objets dessinés (des formes, du texte, des courbes, etc...) ou si vous devez joindre à l'événement pour l'espace de la toile elle-même.

    BTW, gwt-toile serait utilisé en conjonction avec Google Web Toolkit ce qui signifie qu'il n'est pas vraiment une bibliothèque javascript à tous (autant que je sache, s'il vous plaît corrigez-moi si je me trompe).

    l'événement de la pièce jointe: je ne me soucie pas vraiment si elle est connectée à la toile, aussi longtemps que le modèle de programmation me permet de distinguer les formes distinctes. gwt-toile: je suis ok avec GWT programmation. Merci pour l'processingjs.org suggestion, je vais prendre un regard plus profond en elle.

    OriginalL'auteur iffy

  2. 4

    Ont un look à la crossbrowser cadre raphaël (js/svg/vml), cette vidéo montre en faire un drag&drop /touch-événements (essayez la démo ici)

    Je l'ai vérifié avec mon Mac Safari et il a vraiment de l'allure! Avez-vous des tests de performance sur IE7? (le pire navigateur que j'soins)
    Je n'ai pas les résultats de benchmark, mais pourquoi ne pas essayer quelques démos et de voir par vous-même?
    +1 pour ce cadre. La première fois j'ai eu ce problème de l'espace, j'ai roulé ma propre ... pas exactement la science de fusée, mais pas une partie de plaisir. C'est un énorme gain de temps.
    +1, Mais est-raphaël, à l'aide de HTML5 canvas (comme la question est à propos) ou est-ce seulement pour le format SVG?
    raphaël utilise svg (et vml pour les anciennes versions d'IE). La question elle-même est fondamentalement décrivant le format svg.

    OriginalL'auteur Erik Dahlström

  4. 1

    http://www.html5canvastutorials.com/advanced/html5-canvas-drag-and-drop-tutorial/ c'est vraiment un très bon tutoriel sur kinetic.js et html5 canvas

    OriginalL'auteur LostMohican