Доска

Работайте вместе на общем холсте с инструментами рисования, фигурами, текстом, стикерами и синхронизацией нескольких пользователей в реальном времени.

Открыть доску#

Нажмите Доска в боковой панели. Боковая панель скрывается автоматически, чтобы освободить место для холста. Включите ее обратно из верхней панели.

Инструменты#

Левая панель инструментов содержит все инструменты рисования и редактирования:

• Выбор (—) — нажмите, чтобы выбрать; перетаскивайте, чтобы переместить; используйте маркеры для изменения размера
• Рука (—) — перемещение холста (также: перетаскивание средней кнопкой мыши)
• Выбор точек (V) — редактирование опорных точек на путях и фигурах
• Прямоугольник (—) — рисование прямоугольников
• Круг (—) — рисование эллипсов
• Многоугольник (—) — рисование многоугольников
• Текст (—) — нажмите, чтобы добавить текст
• Рамка (—) — создание областей/рамок для экспорта
• Перо (P) — рисование кривых Безье
• Кисть (B) — рисование от руки
• Стрелка (A) — рисование стрелок с вариантами кривой
• Стикер (—) — добавление стикеров
• Путь (—) — рисование путей (закрытых или открытых)

Отменить: Q | Повторить: E (низ левой панели инструментов)

Рисование фигур#

1. Выберите инструмент фигуры (прямоугольник, круг, многоугольник и т. д.)
2. Нажмите и перетащите на холсте, чтобы нарисовать
3. Отпустите, чтобы завершить

Для стрелок: после рисования используйте нижнюю панель инструментов, чтобы выбрать стиль кривой (влево / прямо / вправо).

Выбор и редактирование#

С инструментом Выбор:

• Нажмите фигуру, чтобы выбрать ее
• Перетащите, чтобы переместить
• Угловые маркеры для изменения размера
• Изменение размера стрелки также масштабирует толщину линии

С инструментом Выбор точек (V):

• Нажмите опорную точку, чтобы выбрать ее
• Перетащите, чтобы изменить положение
• Выделение рамкой (пустая область), чтобы выбрать несколько точек
• Стрелки клавиатуры сдвигают выбранные точки

Текст и стикеры#

Добавить текст#

1. Выберите инструмент Текст
2. Нажмите на холст
3. Введите текст в наложении
4. Нажмите вне области, чтобы завершить редактирование

Добавить стикер#

1. Выберите инструмент Стикер
2. Нажмите на холст, чтобы разместить
3. Введите содержимое
4. Перетащите, чтобы изменить положение

Карточки ссылок#

Встраивайте веб-ссылки как визуальные карточки на холст:

1. Выберите фигуру или используйте контекстное меню → Добавить ссылку
2. Введите URL в модальном окне редактирования ссылки
3. Карточка показывает предпросмотр с метаданными и проксированной миниатюрой
4. Нажмите карточку, чтобы открыть ссылку

Панель свойств#

Правая панель инструментов показывает свойства выбранной фигуры:

• Заливка: цвет и прозрачность
• Линия: цвет, ширина и стиль
• Эффекты (тень, размытие и т. д.)
• Свойства Текст (шрифт, размер, выравнивание)

Секции можно сворачивать; их состояние сохраняется. Панель скрывается, когда ничего не выбрано.

Слои#

Откройте панель слоев из верхнего меню переполнения:

• Смотреть все фигуры, перечисленные по z-index
• Менять порядок слоев (z-index остается уникальным)
• Переключать видимость
• Блокировать слои

Рамки#

Рамки — области экспорта, которые группируют содержимое:

1. Выберите инструмент Рамка
2. Нарисуйте прямоугольник на холсте
3. Метки рамки появятся как наложения
4. Перетащите фигуры в рамку, чтобы назначить их
5. Перемещение рамки перемещает все ее содержимое

Когда при перемещении/изменении размера фигуры также меняется ее назначение рамки, оба изменения объединяются в одну запись истории отмены.

Контекстное меню#

Нажмите правой кнопкой по холсту или фигуре, чтобы открыть контекстное меню:

• Копировать / Вставить — операции с буфером обмена
• Удалить — удалить фигуру
• На передний план / На задний план — изменения z-index
• Добавить ссылку — открыть модальное окно редактирования ссылки
• Параметры, зависящие от фигуры

Совместная работа#

Все изменения синхронизируются в реальном времени через WebSocket (Yjs):

• Курсоры участников видны с пользовательскими цветами
• Несколько пользователей могут рисовать и редактировать одновременно
• Изменения conflict-free и eventually consistent

Панорамирование и масштаб#

• Инструмент Рука — нажмите и перетащите для панорамирования
• Средняя кнопка мыши — панорамирование (работает с любым выбранным инструментом)
• Колесо прокрутки — увеличить/уменьшить масштаб
• Панорамирование имеет инерцию — кратко продолжается после отпускания
• Новый ввод отменяет скольжение

Сбросить вид можно из верхнего overflow menu → Reset View.

Горячие клавиши#

• Q — отменить
• E — повторить
• V — выбор точек
• P — инструмент Перо
• B — инструмент Кисть
• A — инструмент Стрелка
• Delete / Backspace — удалить выбранное
• Ctrl+Z — отменить
• Ctrl+Shift+Z — повторить

Откройте полную справку по горячим клавишам из верхнего overflow menu → Shortcuts.