1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/hooray-BM.js

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
readme.md

BM.js — это плагин для демонстрации растровых изображений (bitmap).

Установка

  1. Импортируйте файл CSS:
<link rel="stylesheet" href="dist/css/bm.css">
  1. Импортируйте файл JS, не забудьте загрузить библиотеку jQuery:
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="dist/js/bm.js" charset="utf-8"></script>
  1. Инициализируйте холст для растрового изображения:
$('#bmArea').bmInit();

Синтаксис

  • Инициализация Можно инициализировать холст с заданными параметрами ширины и высоты в пикселях или указать количество строк и столбцов. По умолчанию 20 строк и 50 столбцов:
$('#bmArea').bmInit({
    row: 20,
    col: 50
});
  • Получение данных холста Возвращает строку, состоящую из нулей и единиц:
//возвращает строку из 0 и 1
var dataStr = $('#bmArea').bmGet();
  • Восстановление холста Восстанавливает холст по данным строки:
//dataStr — данные холста
$('#bmArea').bmSet(dataStr);
  • Очистка холста Очищает холст:
$('#bmArea').bmClear();
  • Холст только для чтения Делает холст доступным только для чтения или отменяет этот режим:
//только для чтения
$('#bmArea').bmReadonly(true);
//отменяет только чтение
$('#bmArea').bmReadonly(false);
  • Анимация холста Создаёт анимацию из нескольких холстов:
//dataJSON — данные в формате JSON, callback — функция, которая выполняется после завершения анимации
$('#bmArea').bmPlay(dataJSON, callback);

Формат данных для анимации:

//data  данные холста, duration  длительность анимации  миллисекундах)
[
    {
        "data": "000000",
        "duration": 10
    },
    {
        "data": "000000",
        "duration": 10
    },
    {
        "data": "000000",
        "duration": 10
    }
]
  • Цепочка вызовов Позволяет объединить несколько методов в цепочку:
$('#bmArea').bmInit({
    row: 3,
    col: 3
}).bmSet('000111000');

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

BM.js — это плагин для демонстрации растровых изображений (bitmap). Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/hooray-BM.js.git
git@api.gitlife.ru:oschina-mirror/hooray-BM.js.git
oschina-mirror
hooray-BM.js
hooray-BM.js
master