DrawerJs DrawerJs

DrawerJs

Другие ресурсы

1.0.0

Скачать

Ящики

BraderJS - это виджет HTML5, который позволяет рисовать и писать на элементах холста HTML5. Мобильные устройства полностью поддерживаются.

Это настраиваемый редактор Wysiwyg HTML Canvas для рисования от руки и создания эскизов с простыми формами.

Что такое ящики? Как я могу его использовать?

Здесь вы найдете больше информации о функциях и коротких часто задаваемых вопросах: Crasterjs

И здесь вы найдете несколько примеров, и вы сможете протестировать его вживую: Brawerjs на GitHub

Здесь вы найдете подробную документацию об использовании и его конфигурации: Braverjs-Docs

Выпуск заметок

Вот записи заметки о развертывании с 2015 года: примечания к смягчению релиза.

Способствовать?

Если вы хотите внести свой вклад или просто помочь с PR, пожалуйста, свяжитесь со мной!

Вы знаете другую нашу библиотеку JavaScript?

Проверьте наш Imager загрузчик Imagerjs!

Документация:

Версии распределения

Параметры конфигурации

Установка среды развития

Файлы исходного кода и обзор системы сборки

Обзор архитектуры исходного кода

Версии плагинов

Этот плагин распределяется в двух версиях:

Плагин редактора Redactor

Может быть встроено в страницу следующим образом:

 <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>

Для получения информации о том, как построить все в папку dist см.

Тогда имя drawer может быть предоставлено для RedaCtor's Config в раздел 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
    }
});

Для работы, пожалуйста, см. demo Polder.

Для получения дополнительной информации о разделе конфигурации ящика см. Конфигурацию

Автономная версия

Может быть встроено в страницу следующим образом:

 <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>

Для получения информации о том, как построить все в папку dist см.

Тогда ящик может быть добавлен в любой контейнер HTML, как это:

 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();

Где #some_id является любым идентификатором элемента DOM.

Для рабочего примера см. examples/standalone папку.

Для получения дополнительной информации о разделе конфигурации ящика см. Конфигурацию

Конфигурация

Когда вы закончите с настройкой среды разработки, у вас будет папка Dist со всем встроенным. Посмотрите на папку docs , найдите index.html и откройте ее.

Тогда ссылка ниже будет работать.

Пожалуйста, посмотрите на документацию Canvaselement для описания вариантов.