Онлайн-доска

Начало

Загрузка онлайн-доски…

Набросайте идею, изобразите простой процесс или разложите заметки на приватном холсте для одного пользователя. Рисуйте пером и маркером, добавляйте фигуры, стрелки, текст, стикеры и локальные растровые изображения, а затем перемещайте, изменяйте размер, порядок слоёв и блокируйте объекты. Доска работает в браузере и экспортирует настоящие изображения, SVG и редактируемые файлы проекта.

Как создать онлайн-доску

  1. 1

    Начните новую доску или восстановите прежнюю

    Назовите пустую доску размером 1920×1080 или импортируйте проверенный JSON-файл проекта Hyperion.

  2. 2

    Рисуйте и размещайте

    Используйте перо, маркер, линии, стрелки, прямоугольники, эллипсы, текст, стикеры и локальные изображения в допустимых пределах.

  3. 3

    Просмотрите весь холст

    Вместите доску в экран, проверьте доступный список слоёв и внесите последние правки.

  4. 4

    Экспортируйте результат

    Скачайте PNG, JPEG или SVG, чтобы поделиться результатом, либо JSON, чтобы позже продолжить редактирование этой доски.

Практичная доска для одного человека

Эта онлайн-доска намеренно работает локально и рассчитана на одного пользователя. Она подходит для быстрой схемы, плана урока, чернового макета интерфейса, ретроспективы или набора мыслей, которые хочется расположить наглядно. Здесь нет комнат для встреч, общих курсоров, публичных ссылок, учётных записей и облачных резервных копий. Чтобы передать редактируемую доску другому человеку, экспортируйте JSON-файл проекта и отправьте его самостоятельно.

Размер области рисования ограничен 1920×1080. Благодаря этому размеры экспортируемых файлов предсказуемы, а случайное перетаскивание не создаст практически бесконечный документ. Перемещение и масштабирование меняют только вид в редакторе, но не фактические размеры результата.

Инструменты, объекты и слои

Инструмент Что он создаёт
Перо Непрозрачную линию от руки
Маркер Более широкую полупрозрачную линию
Линия и стрелка Прямые соединители между двумя точками
Прямоугольник и эллипс Залитые фигуры с контуром
Текст Простое текстовое поле
Стикер Текст на цветной заметке
Локальное изображение Проверенное изображение PNG, JPEG или WebP, встроенное в проект

Выберите незаблокированный объект, чтобы переместить его. У прямоугольников, эллипсов, текстовых полей, стикеров и изображений также есть маркер изменения размера в нижнем углу; в панели слоёв доступны элементы управления уменьшением и увеличением с клавиатуры. Объекты можно дублировать, удалять, перемещать вперёд или назад и блокировать от случайных изменений. В текущем сеансе редактора отмена и повтор сохраняют до 100 завершённых действий.

Список слоёв повторяет визуальный порядок наложения и предоставляет для каждого объекта смысловую кнопку. Клавиши со стрелками перемещают выбранный незаблокированный объект на одну единицу доски, а вместе с Shift, на десять. Delete удаляет объект, а Ctrl/Cmd+Z и Ctrl/Cmd+Y отменяют и повторяют действия. Благодаря событиям указателя один и тот же холст поддерживает мышь, перо и сенсорный ввод; двумя точками касания можно перемещать и масштабировать вид.

Локальные файлы, восстановление и конфиденциальность

Объекты доски, текст и встроенные изображения не отправляются через Livewire, не добавляются в URL и не передаются удалённому сервису обработки изображений. Обычные запросы страницы, ресурсов и аналитики по-прежнему выполняются, но не содержат данные доски. Редактор временно и автоматически сохраняет одну ограниченную рабочую копию в IndexedDB, локальной базе данных браузера на устройстве. Эта копия удаляется через семь дней и не является долговечной резервной копией.

Для JSON-файла проекта используется строгая версионируемая схема. Неизвестные поля, повторяющиеся идентификаторы, неподдерживаемые типы объектов, URL удалённых изображений, поддельные сигнатуры изображений, чрезмерные координаты и слишком большие файлы отклоняются до замены текущей доски. Допускаются изображения PNG, JPEG и WebP с ограничениями на размер закодированных данных, габариты и число декодированных пикселей. Регулярно экспортируйте JSON, если доска важна: приватный режим, очистка данных сайтов или правила хранения браузера могут удалить временную копию.

Что сохраняет каждый формат экспорта

  • PNG сохраняет весь холст как растровое изображение без потерь.
  • JPEG создаёт компактное непрозрачное растровое изображение.
  • SVG сохраняет векторные фигуры и текст как элементы SVG и встраивает проверенные локальные растровые изображения.
  • JSON проекта сохраняет редактируемые объекты для импорта в эту онлайн-доску.

Это скачиваемые файлы, а не ссылки для общего доступа. Только JSON можно импортировать, чтобы продолжить редактирование; PNG, JPEG и SVG служат для экспорта и не являются форматами проекта с двусторонним преобразованием. Для создания файлов в браузере используется метод Canvas toBlob(), а для рисования и жестов, события указателя.

Часто задаваемые вопросы

Нет. Это браузерная доска для одного пользователя без комнат, отображения присутствия, общих курсоров и совместной работы в реальном времени. Если другому человеку нужна редактируемая копия, экспортируйте JSON.

Редактор хранит объекты доски, текст, локальные изображения и экспортируемые файлы в вашем браузере. Обычные запросы страницы, ресурсов и аналитики по-прежнему выполняются, но не содержат данные доски.

С устройства можно добавить файлы PNG, JPEG и WebP в допустимых пределах. Удалённые URL, SVG, GIF, файлы с несовпадающими сигнатурами и изображения, превышающие ограничения размера или числа декодированных пикселей, отклоняются.

Нет. Для продолжения редактирования используйте JSON проекта. PNG, JPEG и SVG сохраняют вид доски для просмотра или отправки, но не содержат схему редактируемых объектов для импорта.

Ограниченная рабочая копия в IndexedDB удаляется через семь дней. Очистка браузера и правила приватного режима могут удалить её раньше, поэтому экспортируйте JSON для всего, что нужно сохранить.

Заблокированный объект нельзя перемещать, изменять в размере, удалять, дублировать или переставлять, пока вы его не разблокируете. Он остаётся видимым на холсте и в доступном списке слоёв.

Нет. Текущий проект автоматически сохраняется локально, но история отмены и повтора из 100 действий относится только к активному сеансу редактора и не записывается в JSON проекта.

Да. Холст принимает сенсорный и перьевой ввод через события указателя, включая перемещение и масштабирование двумя точками. Список слоёв и кнопки изменения размера также позволяют обойтись без точного выбора на холсте.

Сопутствующие инструменты

Генератор мемов

Создавайте мемы по популярным шаблонам вроде Drake, Distracted Boyfriend или Doge либо загружайте свое изображение. Верхний и нижний текст, шрифт Impact, обводка и тень.

Генератор QR-кодов

Создавайте QR-код из текста или URL в браузере и скачивайте его в PNG.

Изменение размера изображений

Меняйте размер изображений до точных пиксельных размеров или процентов, сохраняя пропорции. Подходит для пакетной подготовки, без загрузки файлов.

Создание GIF

Преобразуйте серию изображений или короткое видео в анимированный GIF. Настройте частоту кадров, повторы и размер перед экспортом.

Генератор штрихкодов

Создавайте сканируемые 1D штрихкоды в Code 128, Code 39, EAN-13, UPC-A, ITF-14 и Codabar. Экспортируйте в PNG, SVG или PDF для печати.

WebP в JPG

Конвертируйте изображения WebP в JPG/JPEG прямо в браузере. Выберите качество, объедините прозрачность с цветом фона и скачайте без загрузки файлов на сервер.