Les rubriques (actu, forums, tutos) de Développez
Tags
Réseaux sociaux
2   0


 Discussion forum

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

Le , par vermine, Responsable JavaScript & AJAX
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 :
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.


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de sekaijin sekaijin - Expert Confirmé Sénior http://www.developpez.com
le 13/12/2012 à 7:46


Offres d'emploi IT
Automaticien de logiciels de tests de trading h/f
Alternance
Société Générale - Ile de France - Paris La Défense
Consultant MOA Banque
CDI
CGI - Ile de France - paris
Responsable support technique / QA (h/f)
Stage
Aquafadas - Languedoc Roussillon - Montpellier (34000)

Voir plus d'offres Voir la carte des offres IT
Responsables bénévoles de la rubrique JavaScript : Xavier Lecomte - Didier Mouronval -