Literally Canvas : un widget de dessin fait en JavaScript et HTML5
Qui vous permet d'enregistrer vos créations
Le 2012-12-12 08:25:39, par vermine, Expert éminent sénior
Literally Canvas : un widget de dessin fait en JavaScript et HTML5
qui vous permet d'enregistrer vos créations.
Literally Canvas est un widget HTML5 extensible qui prend en charge un ensemble minimal d'opérations de dessin. Vous pouvez dessiner, effacer, colorier, annuler, refaire, zoomer, etc. Il est construit avec jQuery et Underscore.js. Notez que la zone de dessin peut être agrandie en l'étirant.
Après avoir créé votre dessin, vous pouvez le visualiser comme une image et même l'uploader sur Imgur.
Le widget accepte un objet d'options qui permet d'activer ou de désactiver certaines fonctions :
Ce widget n'est pas encore disponible sur tous les navigateurs. Il est amené à évoluer et à apporter de nouvelles fonctionnalités.
Démo.
Téléchargement des sources.
D'après un article sur DailyJS. Cet article parle également de SocialCount et Socrates.
qui vous permet d'enregistrer vos créations.
Literally Canvas est un widget HTML5 extensible qui prend en charge un ensemble minimal d'opérations de dessin. Vous pouvez dessiner, effacer, colorier, annuler, refaire, zoomer, etc. Il est construit avec jQuery et Underscore.js. Notez que la zone de dessin peut être agrandie en l'étirant.
Après avoir créé votre dessin, vous pouvez le visualiser comme une image et même l'uploader sur Imgur.
Le widget accepte un objet d'options qui permet d'activer ou de désactiver certaines fonctions :
Code javascript : |
1 2 3 4 5 6 | $('.literally').literallycanvas({ backgroundColor: 'rgb(255, 0, 0)', // par défaut à rgb(230, 230, 230) keyboardShortcuts: false, // par défaut à true sizeToContainer: false, // par défaut à true toolClasses: [LC.Pencil] // voir coffee/tools.coffee }); |
Ce widget n'est pas encore disponible sur tous les navigateurs. Il est amené à évoluer et à apporter de nouvelles fonctionnalités.
sekaijin
Expert éminent
dans le genre ily a aussi
http://svg-edit.googlecode.com/svn/t...vg-editor.html
http://code.google.com/p/svg-edit/
pour éditer du svg
http://svg-edit.googlecode.com/svn/t...vg-editor.html
http://code.google.com/p/svg-edit/
pour éditer du svg
le 13/12/2012 à 7:46