Scannen zu Ihrer App hinzufügen

ScanKit SDK

Binden Sie unsere Browser-Erfassung in Ihre Webanwendung ein: sie erkennt das Dokument, korrigiert die Perspektive und liefert einen sauberen Scan. Fuer Webanwendungen gebaut, per WebView auch in Apps einbettbar.

Nahtlose Integration: Fügen Sie Ihrer App mit nur wenigen Zeilen Code Scan-Funktionen hinzu. Funktioniert mit React, Angular, Vanilla JavaScript und mehr.

Meistert Praxis-Herausforderungen: Erkennt Dokumente automatisch, glättet Falten und korrigiert die Beleuchtung, selbst bei schwer zu scannenden Seiten wie Belegen oder gefalteten Dokumenten.

Für Performance optimiert: Leichtgewichtig, browserfertig und für minimalen Bandbreitenverbrauch entwickelt, perfekt für Mobile- und Web-Apps.

So integrieren Sie

Ein Browser-SDK, drei Wege es einzubetten. Unten steht, was jeder Weg ist und was er braucht, damit Sie vorher waehlen koennen.

Plattform	Integration	Hinweise
Webanwendung: React, Vue, Angular, reines JavaScript	Offizielles SDK (Script-Tag und Stylesheet von unserem CDN)	Kamera im Browser, Datei-Upload als Rueckfall. HTTPS noetig.
App mit WebView: Flutter, React Native, natives iOS und Android, Electron	WebView-Verpackung um dasselbe SDK	Kein natives Paket: das SDK ist eine Browser-Bibliothek. Die Seite hosten Sie.
Nativ oder Backend ohne Benutzeroberflaeche	REST-API unter api.scankit.io (X-API-Key)	Upload- und Verarbeitungs-Endpunkte; die Erfassungs-Oberflaeche gehoert nicht zur API.
Ohne Code: n8n, Zapier, Make	Gehosteter Scanner mit Webhook-Zustellung	Gebrandeter Erfassungs-Link, das Ergebnis kommt an Ihren Webhook.

Voraussetzungen: die Kamera braucht einen sicheren Kontext (HTTPS). Ohne Kamerazugriff faellt das SDK auf einen Datei-Upload zurueck. Unterstuetzte mobile Browser: iOS Safari 12+, Chrome Mobile 60+.

Vom Foto zum perfekten Scan in Sekunden

Schnelle, präzise und effiziente Dokumentenverarbeitung, bereit für jeden Workflow.

Schritt 1: Eingabebild

SDK-Demo

Interaktive SDK-Demo: testen Sie vor der Integration

Erleben Sie das ScanKit SDK direkt in dieser Live-CodePen-Demo. Sehen Sie den tatsächlichen Integrationscode, testen Sie ihn mit echten Dokumenten und kopieren Sie Code-Snippets direkt in Ihr Projekt.

Live ausführen: Das Scanner-Modal startet sofort in Ihrem Browser.

Code bearbeiten: Passen Sie HTML, CSS oder JS direkt in der Demo an.

Kopieren & wiederverwenden: Übernehmen Sie fertige Snippets direkt in Ihre App.

CodePen-Demo öffnen

CodePen-Demo-Screenshot mit der ScanKit-SDK-Implementierung

CodePen-Demo öffnen

Beispielcode

Integrieren Sie Scan-Funktionen mit einem einfachen API-Aufruf in Ihre Anwendung. Die ScanKit-API unterstützt verschiedene Parameter für präzise Kontrolle über das Ergebnis.

<link rel="stylesheet" href="https://www.scankit.io/sdk/scankit-sdk.css">
<script src="https://www.scankit.io/sdk/scankit-sdk.min.js"></script>

<div id="scan-area"></div>

<script>
// Initialize the scanner
const scanner= new ScanKit({
  target: '#scan-area',
  onScanComplete: r => console.log(r)
});
scanner.init();
// scanner.show(); // Show the scanner programmatically
</script>

	Zeit Foto → Scan	0 s
	API-Nutzung (Upload)	0 KB
	API-Nutzung (Download)	0 KB