Change pixel value in OpenCV.js

Question

According to OpenCV.js docs to modify a pixel value you can use 3 methods:

Direct data manipulation
at() family of methods
ptr() family of methods

Althougth the header of the section in the docs say "Accessing and Modifying pixel values" it provides examples for retrieving a value but not for modifying them. The problem is that while in C++ this code using the at or ptr methods works:

mat.at<type>(row, col) = value;

The equivalent in javascript is not valid and gives an Invalid left hand side in assignment expression:

mat.floatAt(row, col)) = value;

I could make it work using the direct data manipulation method with:

mat.data[row * this.cols * this.channels() + col * this.channels()] = value;

But this method does not operate in pixel values but in the underlaying array data structure where a pixel may span more than one array index, so is not valid for my use case.

How can a pixel value at [row, col] position in a CvMat be modified using OpenCV.js?

hmslydia · Accepted Answer · 2019-09-29 12:59:10Z

7

I have been successful in setting single pixels of images (or matrices) with ucharPtr.

Instead of setting it like this:

img.ucharPtr(i, j) = 255

I set it like this:

img.ucharPtr(i, j)[0] = 255

Even if the image is black and white and only has one channel

If you want to set all 4 pixel values, you can do this:

src.ucharPtr(i, j)[0] = 255
src.ucharPtr(i, j)[1] = 255 
src.ucharPtr(i, j)[2] = 255 
src.ucharPtr(i, j)[3] = 0

edited Sep 29, 2019 at 12:59

answered Jul 23, 2019 at 23:29

hmslydia

1952 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change pixel value in OpenCV.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related