V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
sneezry
V2EX  ›  JavaScript

使用 GridJS 检测图像角点

  •  3
     
  •   sneezry · 2015-05-19 09:47:48 +08:00 · 2349 次点击
    这是一个创建于 3236 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今天为大家带来的Demo不仅仅是图像滤镜处理,让我们来点和计算机视觉有关的,这也是我写GridJS的最初目的。

    还不知道GridJS是什么的小伙伴们请看这里:http://v2ex.com/t/191612

    原图:

    检测角点结果(下面的图需要大家仔细看看,红点不是很明显,因为我偷懒只标了一个像素的尺寸):

    代码:

    var canvas = document.getElementById('workplace');
    
    gridjs.open('cube.jpg', function(im) {
      var H, corners, i;
    
      im.grayscale();
      H = harris(im.pixel.G);
      corners = getHarrisPoint(H, 0.015, 10);
      im.rgba();
    
      for (i = 0; i < corners.length; i++) {
        im.pixel.r[corners[i].y][corners[i].x] = 255;
        im.pixel.g[corners[i].y][corners[i].x] = 0;
        im.pixel.b[corners[i].y][corners[i].x] = 0;
      }
    
      im.update().show(canvas);
    });
    
    function harris(srcArray) {
      var imx, imy, wxx, wyy, wxy, wdet, wtr, H,
          g = gridjs;
    
          imx = g.gauss(srcArray, 5, 1, 0);
          imy = g.gauss(srcArray, 5, 1, 1);
    
          wxx = g.gauss(g.square(imx), 5);
          wyy = g.gauss(g.square(imy), 5);
          wxy = g.gauss(g.mul(imx, imy), 5);
    
          wdet = g.minus(g.mul(wxx, wyy), g.square(wxy));
          wtr = g.add(wxx, wyy);
    
          H = g.div(wdet, wtr, 0);
    
          g.norm(H);
    
          return H;
    }
    
    function getHarrisPoint(harrisArray, threshold, minDistance) {
      var x, y, i, j, distance2,
          minDistance2 = minDistance * minDistance,
          index = 0,
          width = harrisArray[0].length,
          height = harrisArray.length,
          points = [];
    
      for (y = 0; y < height; y++) {
        for (x = 0; x < width; x++) {
          if (harrisArray[y][x] >= threshold) {
            points[index++] = {
              'x' : x,
              'y' : y,
              'h' : harrisArray[y][x]
            }
          }
        }
      }
    
      points.sort(function(a, b) {
        return b.h - a.h;
      });
    
      for (i = 0; i < points.length; i++) {
        for (j = 0; j < i; j++) {
          distance2 = (points[i].x - points[j].x) * (points[i].x - points[j].x) +
                      (points[i].y - points[j].y) * (points[i].y - points[j].y);
    
          if (distance2 < minDistance2) {
            points.splice(i, 1);
            i--;
            break;
          }
        }
      }
    
      return points;
    }
    
    2 条回复    2015-05-19 23:51:08 +08:00
    turing
        1
    turing  
       2015-05-19 12:32:32 +08:00
    Cool
    jimmy66
        2
    jimmy66  
       2015-05-19 23:51:08 +08:00
    点赞~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1799 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:29 · PVG 00:29 · LAX 09:29 · JFK 12:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.