Class Canvas

Класс Canvas предоставляет инструмент для создания и управления HTML5 <canvas> с целью извлечения собственноручной подписи пользователя. Основное предназначение класса — упрощение работы с холстом для сбора подписи, её валидации и экспорта в формате base64.

Remarks

• Автоматически создаёт элемент <canvas> внутри указанного контейнера и подстраивает его размеры.
• Обеспечивает корректную работу с мышью и тач-устройствами для рисования подписи.
• Включает утилиты для очистки холста и извлечения подписи.
• Сохраняет содержимое при изменении размеров контейнера.
• Отключает прокрутку при касаниях через touchAction: none.

Example

Пример использования для извлечения подписи пайщика:

import { Classes } from '@coopenomics/sdk'

// Указываем контейнер, где будет размещён холст
const container = document.getElementById('signature-container') as HTMLElement

// Создаём экземпляр Canvas для работы с подписью
const signatureCanvas = new Classes.Canvas(container, {
  lineWidth: 5,
  strokeStyle: '#000',
})

// Очистка холста при необходимости
signatureCanvas.clearCanvas()

// Извлечение подписи в формате base64
const signature = signatureCanvas.getSignature()
console.log('Подпись в формате base64:', signature)

// Освобождение ресурсов, если холст больше не нужен
signatureCanvas.destroy()
Copy