Usage Guide

const canvas = document.getElementById('myCanvas');
const ink = new Ink();
let isDrawing = false;

canvas.addEventListener('mousedown', (e) => {
  isDrawing = true;
  // Start tracking a new stroke
  const stroke = ink.startStroke();
  stroke.addPoint(e.offsetX, e.offsetY);
});

canvas.addEventListener('mousemove', (e) => {
  if (!isDrawing) return;
  // Add points to the active stroke
  const strokes = ink.getStrokes();
  const currentStroke = strokes[strokes.length - 1];
  currentStroke.addPoint(e.offsetX, e.offsetY);
  
  // (Optional) Draw to canvas context here for visual feedback
});

canvas.addEventListener('mouseup', () => {
  isDrawing = false;
});

const ink = new Ink({
  auto: true,                // Enable auto-training (default: true)
  autoEpochs: 20,            // Increase epochs for potentially better accuracy
  autoAugmentFactor: 5,      // Generate more variations of sample data
  onTrainProgress: (epoch, total, logs) => {
    console.log(`Training progress: ${Math.round(epoch / total * 100)}%`);
  }
});