IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Literally Canvas : un widget de dessin fait en JavaScript et HTML5
Qui vous permet d'enregistrer vos créations

Le , par vermine

0PARTAGES

2  0 
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 :

Code javascript : Sélectionner tout
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.

Démo.
Téléchargement des sources.
D'après un article sur DailyJS. Cet article parle également de SocialCount et Socrates.

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de sekaijin
Expert éminent https://www.developpez.com
Le 13/12/2012 à 7:46
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
0  0