Scannen zu Ihrer App hinzufügen

ScanKit SDK

Betten Sie einen eleganten, KI-gestützten Dokumentenscanner direkt in Ihre App oder Website ein. Vom Aufnehmen von Fotos bis zu sauberen, professionellen Scans übernimmt das ScanKit SDK alles. Ideal für nahtlose Nutzererlebnisse bei Dokument-Uploads, Onboarding-Workflows und mehr.

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.

Image
Image
Image

Unterstützte Plattformen

Integrieren Sie ScanKit nahtlos in Ihre bevorzugten Frameworks und Plattformen mit benutzerfreundlichen SDKs.

React.js
Angular
Flutter
React Native
Plain JavaScript
iOS
Android

Vom Foto zum perfekten Scan in Sekunden

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

Foto auswählen

Step 1: Input Image

Step 2: 3D Grid Detection

Step 3: Processed Result

OCR & KI-bereit
Statistiken ausblenden
Zeit Foto → Scan0 s
API-Nutzung (Upload)0 KB
API-Nutzung (Download)0 KB

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.

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>