Node.js 调用OpenCV 读取图像数据矩阵

Node.js 调用OpenCV 读取图像数据矩阵

最近在做一个feature,在地图中布置道具,想法是可以绘制任意图像曲线的轨迹,思路是,读取一个图像,二值化,根据地图中需要的长宽,缩放图像,然后将图像转化为二维数组做为绘制图像的数据源。

这里要用到几个图像处理的操作,所以查找了下当前的图像处理库,觉得OpenCV是个不错的选择,而且由于新版本的openCV是用C++编写,很多git上的开源项目将opencv封装后给javascript调用,我用的是node-opencv

读取图像矩阵这事,其实我试了好几天,熬得昏天暗地没啥好结果。。。其实这是我很不好的一个习惯,啥事不喜欢看书和深入点查资料,喜欢乱试,昨天和老婆逛街到书店里偶然看到了一本openCV的书,我一看我去这不是我想要的嘛!赶紧手机拍了张照。。。(感谢老婆带我去逛书店,还是得多读书呀!!):

其实图像文件除了像素信息还存储了很多数据,我需要的,只是像素信息,那么首先要知道图像的通道是多少,像灰度图,它的通道是1,常用的RBG图,通道就是3, 也就是说,一个100100的图像,每一行,其实是有1003个项,就是说,每一个像素,存储了R,G,B三个像素的信息。

知道了这些信息,事情就好办多了,下边是我是用node-opencv写的代码:

    function BinaryArrayFromImage(imagePath, width, height)
    {
    var cv = require('../opencv/lib/opencv');
    cv.readImage(imagePath, function(err, im) {
      if (err) throw err;
      var w = im.width();
      var h = im.height();
      if (w < 1 || h < 1) throw new Error('Image has no size');
    
      var binaryImage = im.threshold(200, 255, "Binary");
      console.log("image converted to binary image");
      
      binaryImage.resize(width,height);
      
      //  binaryImage.convertGrayscale();
      console.log(binaryImage.channels());
    
       var imageMatrix = new Array();
    
       for(i=0;i<height;i++)
       {
       imageMatrix[i] = new Array();
       var index = 0;
       for(j=0;j<width*3;j+=3)
       {
       if(binaryImage.pixelRow(i)[j]<100)
       {
       imageMatrix[i][index]=1;
       }
       else
       {
       imageMatrix[i][index]=0;
       }
       index++;
       }
       
       }
       binaryImage.save('./convertedImage.jpg');
    
       return imageMatrix;
    });
    }
原文地址:https://www.cnblogs.com/thugasin/p/5181387.html