Перейти к содержимому

Разметка изображений

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

Расставляет на скриншоте или картинке стрелки (с автоматической головкой), прямоугольники для выделения области, прозрачные хайлайтеры (как маркер), редакторский текст с обводкой для читаемости на любом фоне, блюр-регион для приватности (пиксельная мозаика — без свёрток, читаемых деталей не остаётся) и сплошной чёрный бокс для жёсткой редакции. Каждая аннотация хранится как объект, поэтому отмена (Undo) бесплатно убирает последнюю; «Убрать все» возвращает чистое изображение. Цвет и толщину можно менять для следующих аннотаций — уже расставленные остаются как были. Все операции рисуются на canvas-е в координатах исходного изображения, не отображаемого превью — это значит, что сохранённый PNG идёт в полном разрешении источника, независимо от того, как картинка визуально сжалась на экране. Инструмент удобен для багрепортов (отметить кнопку и подписать «жму сюда — ошибка»), для инструкций, для публикаций с защитой приватности — закрашиваем имена, аватары, номера билетов и адреса. Обработка идёт в браузере, файл никуда не передаётся.