Zum Hauptinhalt springen

Captcha Canvas-Herausforderung

Captcha Canvas Challenge ist ein eigenständiger Bild-Captcha-Generator. Es rendert zufälligen Text auf einer HTML-Leinwand und gibt das resultierende Bild zurück, das Communities den Autoren als Spam-Herausforderung präsentieren können.

Quellcode: github.com/bitsocialnet/captcha-canvas-challenge

Anforderungen

  • Node.js >= 22
  • Nur ESM – dieses Paket liefert keine CommonJS-Builds.

Installation

npm install @bitsocial/captcha-canvas-challenge

Konfigurationsoptionen

OptionGeben Sieein StandardBeschreibung
charactersnumber6Anzahl der im Captcha-Bild gerenderten zufälligen Zeichen.
heightnumber100Höhe des generierten Bildes in Pixel.
widthnumber300Breite des generierten Bildes in Pixel.
colorsstring#32cf7ePrimärfarbe, die für den Captcha-Text verwendet wird.

Wie es funktioniert

  1. Der Generator wählt eine zufällige Zeichenfolge mit der konfigurierten Länge aus.
  2. Die Zeichenfolge wird mit visuellem Rauschen auf eine Leinwand gerendert, um OCR zu verhindern.
  3. Das resultierende Bild (und die erwartete Antwort) werden zurückgegeben, damit die aufrufende Anwendung die Herausforderung präsentieren und später die Antwort überprüfen kann.

Da es sich bei dem Paket um einen reinen Bildgenerator handelt, übernimmt es weder die Netzwerk- noch die Sitzungsverwaltung alleine. Es soll in einen größeren Challenge-Flow integriert werden – beispielsweise als einer der Challenge-Typen, die von Spam-Blocker unterstützt werden.