Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Getting contour's Point using opencv.js

I am using opencv.js in javascript as described here. I am using findContour() method to get countors. I want to get extreme left and right Points among two contours. Is there any way to do that? Here is my js code:

    let contours = new cv.MatVector();
    let hierarchy = new cv.Mat();
    cv.findContours(image, contours, hierarchy, 1, 2);
      var cntareas=[];
    for (let i = 0; i < contours.size(); i++) {
       // storing the areas of countors
      cntareas.push(cv.contourArea(contours.get(i)));
     }
   //finding position of largest two areas.
  var twoLargetsValues = findTwoLargestPositions(cntareas);
   //contour with largest area
  var lcnt = contours.get(twoLargetsValues[0]); 
   //contour with second largest area
  var lcnt2 = contours.get(twoLargetsValues[1]);

Now how can i find extreme left and right coordinates using lctn and lctn2.(Means getting extreme left, right, top and bottom points)

like image 872
Shubham srivastava Avatar asked Sep 09 '26 16:09

Shubham srivastava


1 Answers

I did that using below code:

    var lcntPoint=[], lcnt2Point=[];
    for (let i = 0; i < lcnt.rows; i++) {

     lcntPoint.push({x:lcnt.data32S[i*2],y:lcnt.data32S[i*2+1]});   
    }
    for (let i = 0; i < lcnt2.rows; i++) {
    lcnt2Point.push({x:lcnt2.data32S[i*2],y:lcnt2.data32S[i*2+1]}); 
   }
   var a = findMinPointX(lcntPoint);
   var b = findMinPointX(lcnt2Point);
   var extLeft = (a.x < b.x) ? a.x : b.x;
   a = findMaxPointX(lcntPoint);
   b = findMaxPointX(lcnt2Point);
   var extRight = (a.x > b.x) ? a.x : b.x;

   a = findMinPointY(lcntPoint);
   b = findMinPointY(lcnt2Point);
   var extTop = (a.y < b.y) ? a.y : b.y;

   a = findMaxPointY(lcntPoint);
   b = findMaxPointY(lcnt2Point);
   var extBottom = (a.y > b.y) ? a.y : b.y;

   function findMinPointX(arr){
   var x=[];
   for(let i=0;i<arr.length;i++){
   x[i]=arr[i].x;
   }
   var MinPos=x.indexOf(Math.min(...x));
   return arr[MinPos];
   }
   function findMaxPointX(arr){
   var x=[];
   for(let i=0;i<arr.length;i++){

    x[i]=arr[i].x;
   }

   var MaxPos=x.indexOf(Math.max(...x));
   return arr[MaxPos];
   }
   function findMinPointY(arr){
   var x=[];
   for(let i=0;i<arr.length;i++){
    x[i]=arr[i].y;
   }
   var MinPos=x.indexOf(Math.min(...x));
   return arr[MinPos];
   }
   function findMaxPointY(arr){
   var y=[];
   for(let i=0;i<arr.length;i++){
    y[i]=arr[i].y;
   }
   var MaxPos=y.indexOf(Math.max(...y));
   return arr[MaxPos];
   }
like image 112
Shubham srivastava Avatar answered Sep 12 '26 06:09

Shubham srivastava



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!