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

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

  1. #1
    Responsable Jeux-Concours

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    6 485
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 6 485
    Points : 77 513
    Points
    77 513
    Par défaut Literally Canvas : un widget de dessin fait en JavaScript et HTML5 qui vous permet d'enregistrer vos créations
    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 - Visualiser dans une fenêtre à part
    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.

  2. #2
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    juillet 2004
    Messages
    4 185
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : juillet 2004
    Messages : 4 185
    Points : 9 093
    Points
    9 093

Discussions similaires

  1. Literally Canvas
    Par forum dans le forum Téléchargez
    Réponses: 0
    Dernier message: 28/03/2013, 14h41
  2. Réponses: 1
    Dernier message: 05/03/2013, 17h42
  3. déplacer un dessin fait avec 'graphics'
    Par natha31 dans le forum ActionScript 3
    Réponses: 4
    Dernier message: 15/10/2010, 03h23
  4. Effacer les dessins faits dans un JPanel
    Par michaeljeru dans le forum 2D
    Réponses: 1
    Dernier message: 26/11/2008, 10h37
  5. Réponses: 8
    Dernier message: 22/09/2008, 10h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo