opencv.jsの作法 その10

1903 ワード
opencv.js Plunker Plunker テキストリンク

概要

opencv.jsの作法を調べてみた。
間違い探し、やってみた。

参考にしたページ

写真

サンプルコード

var cvs0 = document.getElementById('canvasInput0');
var cvs1 = document.getElementById('canvasInput1');
var ctx0 = cvs0.getContext('2d');
var ctx1 = cvs1.getContext('2d');
var img1 = new Image();
img1.src = data1;
img1.onload = function() {
    ctx1.drawImage(img1, 0, 0);
}
var img0 = new Image();
img0.src = data0;
img0.onload = function() {
    ctx0.drawImage(img0, 0, 0);
    var src0 = cv.imread('canvasInput0');
    var src1 = cv.imread('canvasInput1');
    var dst = new cv.Mat();
  var imgDiff = new cv.Mat();
    var i;
    var j = 12;
  for (i = 0; i < src0.rows * src0.cols * 3 - j; i += 3)
    {
        src0.data[i] = src0.data[i + j];
    }
    var kernel = cv.matFromArray(3, 3, cv.CV_32FC1, [0.1111, 0.1111, 0.1111, 0.1111, 0.1112, 0.1111, 0.1111, 0.1111, 0.1111]);
    var anchor = new cv.Point(-1, -1);
    cv.filter2D(src0, src0, cv.CV_8U, kernel, anchor, 0, cv.BORDER_DEFAULT);
    cv.filter2D(src1, src1, cv.CV_8U, kernel, anchor, 0, cv.BORDER_DEFAULT);
    cv.absdiff(src0, src1, imgDiff);
    cv.bitwise_not(imgDiff, dst);
    cv.imshow('canvasOutput', dst);
    src0.delete();
    src1.delete();
  dst.delete();
}

成果物

以上。