Téléchargement de DrawerJs - Téléchargement du code source DrawerJs

DrawerJs

Autres ressources

1.0.0

Télécharger

Tiroir

TRAPERJS est un widget HTML5 qui permet de dessiner et d'écrire sur des éléments de toile HTML5. Les appareils mobiles sont entièrement pris en charge.

Il s'agit d'un éditeur de canevas Wysiwyg HTML personnalisable pour le dessin à main levée et la création de croquis avec des formes simples.

Qu'est-ce que TRAPERJS? Comment puis-je l'utiliser?

Ici, vous trouverez plus d'informations sur les fonctionnalités et une courte FAQ: TRAPERJS

Et ici, vous trouverez quelques exemples et vous pouvez le tester en direct: TRAPERJS sur GitHub

Ici, vous trouverez une documentation détaillée sur l'utilisation et sa configuration: TRAPERJS-DOCS

Notes de libération

Voici les notes de publication du déploiement depuis 2015: Notes de libération de tiroirjs

Contribuer?

Si vous souhaitez contribuer ou simplement aider avec les relations publiques, veuillez me contacter!

Connaissez-vous notre autre bibliothèque JavaScript?

Découvrez notre imageur Imagerjs Imageer!

Documentation:

Versions de distribution

Options de configuration

Configuration de l'environnement de développement

Fichiers de code source et aperçu du système de construction

Présentation de l'architecture du code source

Versions de plugin

Ce plugin distribue en deux versions:

Plugin d'éditeur Redactor

Pourrait être intégré à la page comme suit:

 <link rel="stylesheet" href="dist/drawerJs.css"/>

<script src="dist/drawerJs.redactor.js"></script>

<!-- or minified version: -->

<script src="dist/drawerJs.redactor.min.js"></script>

Pour plus d'informations sur la façon de tout construire dans le dossier dist , veuillez consulter le développement de la manière

Ensuite, le nom drawer pourrait être fourni à la configuration de Redactor dans la section plugins :

 $('.redactor').redactor({
    buttons: [
        'bold',
        'html',
        'image'
    ],
    plugins: [
        'video',
        'drawer', // << here we specify that redactor should load this plugin
        'opensave',
        'contexttoolbar'
    ],
    drawer: {
        // drawer config section here
        activeColor: '#19A6FD' // default drawing color
    }
});

Pour un exemple de travail, veuillez consulter le dossier demo .

Pour plus d'informations sur la section de configuration du tiroir, veuillez consulter la configuration

Version autonome

Pourrait être intégré à la page comme suit:

 <link rel="stylesheet" href="dist/drawerJs.css"/>

<script src="dist/drawerJs.standalone.js"></script>

<!-- or minified version: -->

<script src="dist/drawerJs.standalone.min.js"></script>

Pour plus d'informations sur la façon de tout construire dans le dossier dist , veuillez consulter le développement de la manière

Ensuite, le tiroir pourrait être ajouté à n'importe quel conteneur HTML comme celui-ci:

 var canvas = new DrawerJs.Drawer(null, {
    // drawer config section here
    activeColor: '#19A6FD' // default drawing color
}, 600, 600); // height and width of drawer will be 600x600

$('#some_id').append(canvas.getHtml());
canvas.onInsert();

Où #some_id est tout ID d'élément DOM.

Pour l'exemple de travail, veuillez consulter examples/standalone .

Pour plus d'informations sur la section de configuration du tiroir, veuillez consulter la configuration

Configuration

Lorsque vous terminez par la configuration de l'environnement de développement, vous aurez un dossier DIST avec tout ce qui est construit. Recherchez-y pour le dossier docs , recherchez index.html et ouvrez-le.

Ensuite, le lien ci-dessous fonctionnera.

Veuillez consulter la documentation sur le canon pour la description des options.