如何修复OpenCV中矩形边框的间隙与对齐问题？

问题描述 #

尝试给图像绘制圆形点边框和矩形样式的虚线边框时，无法正确计算点/矩形与边框的间距及位置，导致边角交点处出现错位。运行代码后边框交点匹配错误，效果如图所示：

原代码 #

void drawDottedCircle(cv::Mat& image, cv::Rect rectangle, int dotSize, int gapSize, cv::Scalar dotColor)
{
    // 绘制上下边缘的圆点
    for (int x = rectangle.x; x <= rectangle.x + rectangle.width; x += dotSize + gapSize) {
        cv::circle(image, cv::Point(x, rectangle.y), dotSize / 2, dotColor, -1);
        cv::circle(image, cv::Point(x, rectangle.y + rectangle.height), dotSize / 2, dotColor, -1);
    }

    // 绘制左右边缘的圆点
    for (int y = rectangle.y + dotSize + gapSize; y < rectangle.y + rectangle.height; y += dotSize + gapSize) {
        cv::circle(image, cv::Point(rectangle.x, y), dotSize / 2, dotColor, -1);
        cv::circle(image, cv::Point(rectangle.x + rectangle.width, y), dotSize / 2, dotColor, -1);
    }
}


void drawDottedRectangle(cv::Mat& image, cv::Rect rectangle, int rectSize, int gapSize, cv::Scalar rectColor)
{
    // 绘制上下边缘的小矩形
    for (int x = rectangle.x; x <= rectangle.x + rectangle.width - rectSize; x += rectSize + gapSize) {
        cv::Rect topRect(x, rectangle.y, rectSize, rectSize);
        cv::Rect bottomRect(x, rectangle.y + rectangle.height - rectSize, rectSize, rectSize);
        cv::rectangle(image, topRect, rectColor, -1);
        cv::rectangle(image, bottomRect, rectColor, -1);
    }

    // 绘制左右边缘的小矩形
    for (int y = rectangle.y + rectSize + gapSize; y < rectangle.y + rectangle.height - rectSize; y += rectSize + gapSize) {
        cv::Rect leftRect(rectangle.x, y, rectSize, rectSize);
        cv::Rect rightRect(rectangle.x + rectangle.width - rectSize, y, rectSize, rectSize);
        cv::rectangle(image, leftRect, rectColor, -1);
        cv::rectangle(image, rightRect, rectColor, -1);
    }
}

int main() {

    cv::Mat img(300, 300, CV_8UC3, cv::Scalar(0, 0, 0));
    
    drawDottedCircle(img, cv::Rect(10, 10, 280, 280), 10, 5, cv::Scalar(255, 255, 255));
    drawDottedRectangle(img, cv::Rect(50, 50, 170, 90), 5, 5, cv::Scalar(0, 255, 0));
    int y = 0;

}

错位原因分析 #

• 圆形点边框：上下边缘循环直接从矩形起始坐标开始绘制，左右边缘却跳过了起始位置，导致边角处无对应点；同时未考虑圆点半径的偏移，边缘末端的点可能超出矩形范围。
• 矩形虚线边框：上下边缘与左右边缘的起始/终止位置计算逻辑不一致，边角处的小矩形无法衔接，步长累积误差进一步加剧错位。

修正后的代码 #

#include <opencv2/opencv.hpp>

void drawDottedCircle(cv::Mat& image, cv::Rect rectangle, int dotSize, int gapSize, cv::Scalar dotColor)
{
    int step = dotSize + gapSize;
    int radius = dotSize / 2;
    int topY = rectangle.y;
    int bottomY = rectangle.y + rectangle.height;
    int leftX = rectangle.x;
    int rightX = rectangle.x + rectangle.width;

    // 绘制上下边缘的圆点（避开边角位置）
    for (int x = leftX + radius + step; x <= rightX - radius - step; x += step) {
        cv::circle(image, cv::Point(x, topY), radius, dotColor, -1);
        cv::circle(image, cv::Point(x, bottomY), radius, dotColor, -1);
    }
    // 绘制左右边缘的圆点（避开边角位置）
    for (int y = topY + radius + step; y <= bottomY - radius - step; y += step) {
        cv::circle(image, cv::Point(leftX, y), radius, dotColor, -1);
        cv::circle(image, cv::Point(rightX, y), radius, dotColor, -1);
    }
    // 手动绘制四个边角的圆点，确保位置准确
    cv::circle(image, cv::Point(leftX, topY), radius, dotColor, -1);
    cv::circle(image, cv::Point(rightX, topY), radius, dotColor, -1);
    cv::circle(image, cv::Point(leftX, bottomY), radius, dotColor, -1);
    cv::circle(image, cv::Point(rightX, bottomY), radius, dotColor, -1);
}

void drawDottedRectangle(cv::Mat& image, cv::Rect rectangle, int rectSize, int gapSize, cv::Scalar rectColor)
{
    int step = rectSize + gapSize;
    int topY = rectangle.y;
    int bottomY = rectangle.y + rectangle.height - rectSize;
    int leftX = rectangle.x;
    int rightX = rectangle.x + rectangle.width - rectSize;

    // 绘制上下边缘的小矩形
    for (int x = leftX; x <= rightX; x += step) {
        cv::rectangle(image, cv::Rect(x, topY, rectSize, rectSize), rectColor, -1);
        cv::rectangle(image, cv::Rect(x, bottomY, rectSize, rectSize), rectColor, -1);
    }
    // 绘制左右边缘的小矩形（避开上下边缘的矩形）
    for (int y = topY + step; y <= bottomY - step; y += step) {
        cv::rectangle(image, cv::Rect(leftX, y, rectSize, rectSize), rectColor, -1);
        cv::rectangle(image, cv::Rect(rightX, y, rectSize, rectSize), rectColor, -1);
    }
}

int main() {
    cv::Mat img(300, 300, CV_8UC3, cv::Scalar(0, 0, 0));
    
    drawDottedCircle(img, cv::Rect(10, 10, 280, 280), 10, 5, cv::Scalar(255, 255, 255));
    drawDottedRectangle(img, cv::Rect(50, 50, 170, 90), 5, 5, cv::Scalar(0, 255, 0));
    
    cv::imshow("Dotted Borders", img);
    cv::waitKey(0);
    return 0;
}

关键修正说明 #

• 圆形点边框：
  • 单独绘制四个边角的圆点，确保边角位置完全对齐。
  • 调整上下左右边缘的循环范围，避开边角点，避免重复绘制。
  • 加入半径偏移计算，防止圆点超出矩形边界。
• 矩形虚线边框：
  • 统一上下边缘与左右边缘的坐标计算逻辑，确保边角处的小矩形衔接紧密。
  • 调整左右边缘的循环起始/终止位置，避免与上下边缘的矩形重复。

内容的提问来源于stack exchange，提问作者Jabu