An open API service indexing awesome lists of open source software.

https://github.com/dynamsoft/web-twain-angular-advanced

Demoing how to integrate Dynamic Web TWAIN in an angular application and make the most of it.
https://github.com/dynamsoft/web-twain-angular-advanced

angular javascript-barcode web web-twain

Last synced: 10 months ago
JSON representation

Demoing how to integrate Dynamic Web TWAIN in an angular application and make the most of it.

Awesome Lists containing this project

README

          

# Dynamic Web TWAIN Angular Advanced

This project was bootstrapped with [Angular CLI](https://github.com/angular/angular-cli). It utilizes the SDK [Dynamic Web TWAIN](https://www.dynamsoft.com/Products/WebTWAIN_Overview.aspx) to provide the following functionalities.

* Scan documents from physical scanners
* Capture images from webcams
* Load documents from local disk (bmp/jpg/png/tif/pdf)
* View and process the documents already scanned/captured/loaded
* Editing (rotate/flip/mirror/crop, etc.)
* Saving or uploading
* Barcode reading

## Usage
Environment: Node.js version - 22.14.0, Angular version - v19.2.1
1. Apply for a [30-day free trial license](https://www.dynamsoft.com/customer/license/trialLicense?product=dwt) of Dynamic Web TWAIN.

2. Update the license key in two files `src\environments\environment.ts` and `src\environments\environment.prod.ts` :

```
export const environment = {
production: false,
Dynamsoft: {
dwtProductKey: 'LICENSE-KEY'
}
}
```

3. Install the dependencies:

```
npm install --force
```

4. Run the Angular application as follows:

```
ng serve
```

5. Set up and run the server piece which is used solely for receiving uploaded files. Run the command-line as follows:

```
cd server
npm install
node server.js
```

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.