Namespace: Canvas
Набор функций для работы с HTML5 canvas, позволяющий:
Данный набор функций подходит для использования в браузерной среде.
Пример использования:
import { Methods } from '@coopenomics/sdk'// Создаём canvas в div с id="canvas-container"const container = document.getElementById('canvas-container') as HTMLElementconst { canvas, ctx } = Methods.Canvas.createCanvas(container, 500, 300)// Объект состояния рисованияconst drawingState: Canvas.DrawingState = { drawing: false, lastX: 0, lastY: 0}// Добавляем обработчики событий для рисованияcanvas.addEventListener('mousedown', (e) => { Methods.Canvas.startDrawing(e, canvas, drawingState)})canvas.addEventListener('mousemove', (e) => { Methods.Canvas.draw(e, canvas, ctx, drawingState)})canvas.addEventListener('mouseup', () => { Methods.Canvas.endDrawing(drawingState)})// Очистка canvasdocument.getElementById('clear-btn')?.addEventListener('click', () => { Methods.Canvas.clearCanvas(canvas, ctx)})// Получение подписи в base64document.getElementById('get-sign-btn')?.addEventListener('click', () => { const signature = Methods.Canvas.getSignature(canvas) console.log('Подпись (base64):', signature)}) Copy
import { Methods } from '@coopenomics/sdk'// Создаём canvas в div с id="canvas-container"const container = document.getElementById('canvas-container') as HTMLElementconst { canvas, ctx } = Methods.Canvas.createCanvas(container, 500, 300)// Объект состояния рисованияconst drawingState: Canvas.DrawingState = { drawing: false, lastX: 0, lastY: 0}// Добавляем обработчики событий для рисованияcanvas.addEventListener('mousedown', (e) => { Methods.Canvas.startDrawing(e, canvas, drawingState)})canvas.addEventListener('mousemove', (e) => { Methods.Canvas.draw(e, canvas, ctx, drawingState)})canvas.addEventListener('mouseup', () => { Methods.Canvas.endDrawing(drawingState)})// Очистка canvasdocument.getElementById('clear-btn')?.addEventListener('click', () => { Methods.Canvas.clearCanvas(canvas, ctx)})// Получение подписи в base64document.getElementById('get-sign-btn')?.addEventListener('click', () => { const signature = Methods.Canvas.getSignature(canvas) console.log('Подпись (base64):', signature)})
Namespace: Canvas
Набор функций для работы с HTML5 canvas, позволяющий:
Данный набор функций подходит для использования в браузерной среде.
Пример использования: