Salsomaggiore Terme (Web) -
09/04/2021 - Angular Open Cv Example
Link Sorgenti Git Example
1) Installa Ng Open Cv
2) Aggiungere i file Open Cv nella cartella assets. I file presenti sono il js relativo wasm e eventuali file per definire la configurazione per rilevare il viso
3) Modificare il file app.module.js inserendo le seguenti righe
import { OpenCVOptions } from 'projects/ng-open-cv/src/public_api';
const openCVConfig: OpenCVOptions = {
scriptUrl: `assets/opencv/opencv.js`,
wasmBinaryFile: 'wasm/opencv_js.wasm',
usingWasm: true
};
NgOpenCVModule.forRoot(openCVConfig)
E’ importante indicare bene il percorso del file js e quello wasm, per capire meglio dove e come configurare le righe appena indicate vedere il link ng-open-cv.
Una volta terminata l’installazione sarà necessario definire la variabile declare var cv: any; all’interno del controller dove si vuole utilizzare la libreria, nel caso dei sorgenti allegati nel home.controller.ts.
La parte dove viene utilizzata la libreria è home.controller.ts dove sono presenti delle righe di codice per riuscire a identificare un foglio di carta su una superficie scura.
Per controllare se la libreria Open Cv è stata caricata correttamente viene utilizzato il codice
this.openCVLoadResult = this.ngOpenCVService.isReady$;
this.openCVLoadResult.subscribe({
next() { that.startCamera(); },
error(msg) { console.log('Error openCVLoadResult: ', msg); }
});
Per identificare il foglio vengono utilizzati i seguenti comandi threshold, findContours, drawContours della libreria Open Cv.
Altri esempi di Open Cv utilizzati con Angular si possono trovare ai seguenti link
ngx-document-scanner
build-kick-ass-mobile-document-scanner
guarda open cv al costo più basso di sempre su
Amazon Prime | Amazon Music Unlimited | Prime Video
Amazon Business | Kindle Unlimited | Amazon Wedding List | Prime Student
1) Installa Ng Open Cv
2) Aggiungere i file Open Cv nella cartella assets. I file presenti sono il js relativo wasm e eventuali file per definire la configurazione per rilevare il viso
3) Modificare il file app.module.js inserendo le seguenti righe
import { OpenCVOptions } from 'projects/ng-open-cv/src/public_api';
const openCVConfig: OpenCVOptions = {
scriptUrl: `assets/opencv/opencv.js`,
wasmBinaryFile: 'wasm/opencv_js.wasm',
usingWasm: true
};
NgOpenCVModule.forRoot(openCVConfig)
E’ importante indicare bene il percorso del file js e quello wasm, per capire meglio dove e come configurare le righe appena indicate vedere il link ng-open-cv.
Una volta terminata l’installazione sarà necessario definire la variabile declare var cv: any; all’interno del controller dove si vuole utilizzare la libreria, nel caso dei sorgenti allegati nel home.controller.ts.
La parte dove viene utilizzata la libreria è home.controller.ts dove sono presenti delle righe di codice per riuscire a identificare un foglio di carta su una superficie scura.
Per controllare se la libreria Open Cv è stata caricata correttamente viene utilizzato il codice
this.openCVLoadResult = this.ngOpenCVService.isReady$;
this.openCVLoadResult.subscribe({
next() { that.startCamera(); },
error(msg) { console.log('Error openCVLoadResult: ', msg); }
});
Per identificare il foglio vengono utilizzati i seguenti comandi threshold, findContours, drawContours della libreria Open Cv.
Altri esempi di Open Cv utilizzati con Angular si possono trovare ai seguenti link
ngx-document-scanner
build-kick-ass-mobile-document-scanner
guarda open cv al costo più basso di sempre su
Amazon Prime | Amazon Music Unlimited | Prime Video
Amazon Business | Kindle Unlimited | Amazon Wedding List | Prime Student
Salsomaggiore Terme (Web) -
09/04/2021 - Angular Open Cv Example -
Written by Mokik