Разработка функционала рисования подписи в мобильном приложении

Представьте: клиент подписывает договор через мобильное приложение, а потом оспаривает подлинность. Без биометрических метаданных такой спор решить невозможно. Мы сталкивались с этим в проекте для финтеха — пришлось дорабатывать подпись с нуля. Наш подход: комбинируем захват траектории с давлением и скоростью, привязываем к хэшу документа и сохраняем аудиторский след. Мобильные приложения всё чаще требуют встроенного модуля рукописной подписи — от банковских документов до медицинских карт. Но иллюзия «просто картинка» опасна: подпись на экране не имеет юридической силы без привязки к личности, документу и времени. Мы решаем эту задачу на уровне Android (Kotlin, Jetpack Compose) и iOS (Swift, SwiftUI), используя низкоуровневый захват траектории и биометрические метаданные. Наш опыт — более 10 проектов с интеграцией подписей в документооборот, гарантируем стабильную работу на всех устройствах. Стоимость такого решения окупается за счёт снижения рисков судебных споров.

Захват рукописной подписи

Сбор траектории касания — основа. Нужны не просто координаты touchMove, а весь поток событий с давлением, скоростью и временными метками. Это позволяет воспроизвести подпись анимированно и собрать биометрические метаданные.

Android — низкоуровневый ввод:

override fun onTouchEvent(event: MotionEvent): Boolean {
    val x = event.x
    val y = event.y
    val pressure = event.pressure // 0.0 - 1.0
    val timestamp = event.eventTime
    when (event.action) {
        MotionEvent.ACTION_DOWN -> startStroke(x, y, pressure, timestamp)
        MotionEvent.ACTION_MOVE -> {
            for (i in 0 until event.historySize) {
                addHistoricalPoint(
                    event.getHistoricalX(i),
                    event.getHistoricalY(i),
                    event.getHistoricalPressure(i),
                    event.getHistoricalEventTime(i)
                )
            }
            addPoint(x, y, pressure, timestamp)
        }
        MotionEvent.ACTION_UP -> endStroke(x, y, pressure, timestamp)
    }
    return true
}

event.historySize критично — между двумя ACTION_MOVE система батчит промежуточные точки. Игнорирование исторических точек даёт угловатые штрихи вместо плавных кривых.

iOS — UIBezierPath с Bezier-сглаживанием:

func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
    guard let touch = touches.first else { return }
    let currentPoint = touch.location(in: self)
    let previousPoint = touch.previousLocation(in: self)
    let force = touch.force / touch.maximumPossibleForce
    let midPoint = CGPoint(
        x: (currentPoint.x + previousPoint.x) / 2,
        y: (currentPoint.y + previousPoint.y) / 2
    )
    path.addQuadCurve(to: midPoint, controlPoint: previousPoint)
    setNeedsDisplay()
}

Для Apple Pencil используем predictedTouches(for:) — без предсказанных точек отклик при 120 Hz воспринимается как запаздывающий.

Переменная толщина линии

Профессиональная подпись выглядит естественно, когда толщина штриха меняется с давлением и скоростью. Математика проста: width = baseWidth + pressure * maxExtraWidth. При высокой скорости — тонкая линия, при медленном движении — толстая.

fun calculateStrokeWidth(pressure: Float, velocity: Float): Float {
    val pressureComponent = pressure * MAX_PRESSURE_WIDTH
    val velocityComponent = (1f - velocity.coerceIn(0f, 1f)) * MAX_VELOCITY_WIDTH
    return BASE_WIDTH + pressureComponent * 0.6f + velocityComponent * 0.4f
}

Как обеспечить юридическую значимость? — биометрические метаданные

Для усиления юридической силы собираем метаданные процесса подписания:

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

Эти данные хранятся в базе и могут быть использованы при судебном оспаривании подлинности подписи — поведенческая биометрия. Без них подпись — всего лишь PNG.

Привязка к документу

Рисунок подписи сам по себе бесполезен. Нужно:

1. Зафиксировать хэш документа до подписания (SHA-256 PDF или текстового содержимого)
2. Прикрепить подпись (PNG + метаданные траектории) к этому хэшу
3. Сохранить на сервере с timestamp и идентификатором подписанта
4. Опционально: встроить подпись в PDF через iText (Java/Android) или PDFKit (iOS)

Серверная запись:

{
  "document_hash": "sha256:abc123...",
  "signer_id": "user-uuid",
  "signed_at": "timestamp",
  "ip_address": "1.2.3.4",
  "device_fingerprint": "...",
  "signature_image_url": "...",
  "stroke_data_encrypted": "...",
  "session_metadata": {
    "duration_ms": 4200,
    "stroke_count": 5,
    "avg_pressure": 0.72
  }
}

Почему не стоит экономить на биометрии? Сравнение подходов

Готовые SDK оправданы для простых сценариев (ПЭП), но если требуется НЭП с возможностью судебного оспаривания — кастом реализация в 2–3 раза надёжнее.

Дополнительная таблица: данные для аудита

PDF интеграция

На iOS: PDFKit + CGContext для рисования подписи поверх страницы PDF. Для профессионального встраивания с AcroForm полями — сторонняя библиотека PSPDFKit или серверный iText через API.

На Android: PdfRenderer для отображения, встраивание — через iText Android или Apache PDFBox.

Важный момент: визуальное встраивание подписи в PDF ≠ цифровая подпись PDF (которая создаётся через PKI). Это разные вещи. Для юридически значимого PDF-документа нужна именно PKI-подпись — рукописная подпись добавляется как дополнительный визуальный элемент.

Что входит в работу

При заказе под ключ вы получаете:

• Компонент рисования подписи для iOS и Android с поддержкой давления и сглаживания
• Серверный модуль привязки к документу (хэш, метаданные, timestamp)
• Интеграцию с PDF (встраивание подписи)
• Документацию по API и примеры интеграции
• Техническую поддержку на 2 недели

Оценку проекта делаем за 1 день. Закажите кастомную реализацию — получите полный контроль над биометрией. Свяжитесь с нами для консультации.

Сроки: 3–4 дня на одну платформу, 5–7 дней на обе. Получите консультацию.