Giters

TechStark / opencv-js

OpenCV JavaScript version for node.js or browser

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ReferenceError: cv is not defined

WisarutBholsithi opened this issue · comments

commented

Now, I just try to use OpenCV in javascript for my project that use Angular Platform and I have already declare cv in he following fashion.

import {CV as cv} from "@techstark/opencv-js"

However, when I just declare that

/// human_face.ts
setHead(head: FaceComposition, params?: {}): FaceComposition {
const imageObject = head.imageObj;
const canvas = head.canvas;
const context = head.context;
......const imgData = context.getImageData(0, 0, canvas.width, canvas.height);
let src = cv.matFromImageData(imgData); // => ERROR ReferenceError: cv is not defined
// the way to get image data from canvas context for OpenCV processing!
....
}

I got a problem when i try use function cv.matFromImageData. as "ERROR ReferenceError: cv is not defined", it seems to me that opencv.js has failed to load properly according to the error message.

Therefore, I would like to know how to ensure that opencv.js would be properly loaded into the web.
Hope to get answer son,

commented

@WisarutBholsithi can you create a minimal app in https://codesandbox.io/ to reproduce it?

commented

Hi @ttt43ttt ,

I have the same problem like @WisarutBholsithi.

I implemented a simple example on https://codesandbox.io/s/elated-shamir-3s9hg?file=/src/app/app.component.ts that shows the problem.

Neither this variant 'import cv from ...' nor the other variant ' import {Cv as cv} from ...' works.

commented

@jet-lee-m thanks. Use import * as cv from "@techstark/opencv-js"; in TypeScript.
See https://codesandbox.io/s/serene-jennings-zc81v?file=/src/app/app.component.ts

commented

cv.COLOR_RGB2BGR may still be undefined. I think it's caused by the JS compiler couldn't finish in browser. Better to try in a local development environment.