Salsomaggiore Terme (Web) - 09/04/2021 - - Written by
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



Amazon Prime | Amazon Music Unlimited | Prime Video
Amazon Business | Kindle Unlimited | Amazon Wedding List | Prime Student
Altri articoli che potrebbero interessarti
© MrPaloma 2021 - Viaggi - Foto -