JavaScript OpenCV Hough Transform 直线检测

解释

• https://en.wikipedia.org/wiki/Hough_transform

示例

• https://docs.opencv.org/3.4/js_houghlines_HoughLinesP.html

使用

let src = cv.imread('canvasInput');
let dst = cv.Mat.zeros(src.rows, src.cols, cv.CV_8UC3);
let lines = new cv.Mat();
let color = new cv.Scalar(255, 0, 0);
// 图像转成灰度
cv.cvtColor(src, src, cv.COLOR_RGBA2GRAY, 0);
// 边缘检测
cv.Canny(src, src, 50, 200, 3);
// You can try more different parameters
// 使用霍夫直线检测

cv.HoughLinesP(src, lines, 1, Math.PI / 180, 2, 0, 0);
// draw lines
for (let i = 0; i < lines.rows; ++i) {
  let startPoint = new cv.Point(lines.data32S[i * 4], lines.data32S[i * 4 + 1]);
  let endPoint = new cv.Point(
    lines.data32S[i * 4 + 2],
    lines.data32S[i * 4 + 3]
  );
  cv.line(dst, startPoint, endPoint, color);
}
cv.imshow('canvasOutput', dst);
src.delete();
dst.delete();
lines.delete();

参考文章

• https://blog.csdn.net/claroja/article/details/83057404
• https://docs.opencv.org/4.5.5/d3/de6/tutorial_js_houghlines.html
• https://stackoverflow.com/questions/56854755/how-to-select-lines-to-find-receipt-with-hough-transform
• https://stackoverflow.com/questions/4709725/explain-hough-transformation
• https://stackoverflow.com/questions/48593706/how-to-remove-lines-from-image-javascript
• https://stackoverflow.com/questions/32961261/find-text-lines-in-a-page-limited-image-processing-resources
• https://stackoverflow.com/questions/30828094/binary-image-lines-of-sight-edge-detection