Интерактивная доска для рисования онлайн: возможности и функции

Возможности интерактивной доски

1. 🖌️ Рисование от руки

• Рисование мышью или пальцем  (поддержка сенсорных экранов).

• Плавные линии  с регулируемой толщиной.

• Сохранение рисунка : все нарисованные линии хранятся в памяти и не исчезают при смене фона.

2. 🎨 Выбор цвета

• 6 предустановленных цветов:

  • ⚫ Чёрный

  • 🔴 Красный

  • 🔵 Синий

  • 🟢 Зелёный

  • 🟡 Жёлтый

  • ⚪ Белый

• Визуальная подсветка активного цвета (белая рамка вокруг выбранного кружка).

3. 📏 Регулировка толщины линии

• Ползунок «толщина»  от 2 до 40 пикселей.

• Текущее значение отображается в статусной строке.

4. 🔤 Добавление текста

• Два понятных режима работы (переключаются отдельными кнопками):

  • «✏️ Рисовать»  — режим рисования линий.

  • «🔤 Текст»  — режим добавления надписей.

• Ввод текста: в режиме «Текст» клик по доске открывает диалоговое окно, где можно написать любой текст.

• Настройка текста:

  • Цвет текста соответствует выбранному цвету кисти.

  • Размер шрифта зависит от текущей толщины линии (чем толще линия, тем крупнее текст).

5. 🖼️ Смена фона (4 варианта)

• ⬜ Белый фон  — чистый лист.

• 📏 Линейка  — горизонтальные линии через 30px и вертикальная линия слева (имитация тетрадного листа).

• 🔲 Клетка  — сетка 30×30 пикселей.

• 📐 Координатная плоскость  — оси X и Y со стрелками, делениями и подписями (положительные и отрицательные направления).

• Сохранение рисунка  при смене фона: все нарисованные линии автоматически накладываются поверх нового фона.

6. 🧹 Очистка доски

• Кнопка «🗑️ очистить всё»  полностью удаляет все рисунки и оставляет только выбранный фон.

7. Загрузка изображений

• Кнопка «🖼️ Загрузить картинку»  открывает проводник для выбора файла (поддерживаются любые форматы изображений).

• Автоматическое масштабирование: картинка подгоняется под размер холста с сохранением пропорций и центрируется.

• Сохранение рисунка: все нарисованные линии остаются поверх загруженного изображения.

• Смена фона: можно комбинировать — загрузить картинку, а затем добавить сверху клетку или линейку (фон рисуется под изображением).

• Очистка: кнопка «🗑️ очистить всё» удаляет и рисунки, и загруженную картинку.