OpenCV for iOS 学习笔记(四)—— 基本绘图



  • 函数介绍

  • Point 可定义2D点
  • Scalar 表示了具有4个元素的数组。在OpenCV中被大量用于传递像素值。

  • line 绘制直线

  • ellipse 绘制椭圆

  • rectangle 绘制矩形

  • circle 绘制圆

  • fillPoly 绘制填充多边形

  • Point

  • 使用Point描述一个点的方式
    1. 第一种方式 :cv::Point point;
    cv::point.x = x;
    cv::point.y = y;
      2. 第二种方式 :cv::Point point = cv::Point(x, y) 
    ( x 和 y 分别表示具体的坐标值 ) 
  • 注意 :
    - 此处必须使用cv::Point, 就算在引入头文件下方加入了 using namespace cv;也不行,�接下来的代码中也会出现必须加cv::调用

  • Scalar

这里用它来表示颜色值 第四个参数可省略:如下
Scalar(r, g, b);
RGB颜色值就为: Red = r; Green = g; Blue = b;
(OpenCV默认颜色值与RGB相反 ----> BGR,但是在OC上已经被改为RGB)

  • 绘图实现代码(Drawing)

    • 我们来绘制一个竹蜻蜓
  • 创建一个空的全黑像素的空图像
    Mat bamboo_dragonfly_image = Mat::zeros(w, w, CV_8SC3);
    w 为全局变量,表示创建的空图像像素。此处是 double 类型;
    double w = 500;
  1. 绘制一个圆(circle
  * 主要代码
        int circle_thickness = -1;
        int circle_lineType = 8;
        circle(img,
               cv::Point(w / 2.0, w / 3.0),
               w/32.0,
               Scalar(0, 0, 255),
               circle_thickness,
               circle_lineType);
  * 我们来看下 `circle ` 参数
        circle(InputOutputArray img,   // 我们创建的 Mat 空图像(表示将圆加到图像上面)
               Point center,           // 圆心所在坐标
               int radius,             // 圆的半径         
               const Scalar& color,    // 圆的颜色
               int thickness = 1,      // 线粗(-1将被填充)
               int lineType = LINE_8,  // 线形
               int shift = 0           // 我也不知道干啥的,可省略
               )
  1. 绘制两个椭圆 (ellipse)
 * 左边的椭圆代码 
       int ellipse_thickness = -1;
       int ellipse_lineType = 8;
       ellipse(img,
               cv::Point(w / 2.0 - w / 5.0, w / 3.0),
               cv::Size(w / 5.0, w / 20.0),
               0,
               0,
               360,
               Scalar(255, 0, 0),
               ellipse_thickness,
               ellipse_lineType);
   * 右边的椭圆代码  
       ellipse(img,
               cv::Point(w / 2.0 + w / 5.0, w / 3.0),
               cv::Size(w / 5.0, w / 20.0),
               angle,
               0,
               360,
               Scalar(255, 0, 0),
               ellipse_thickness,
               ellipse_lineType);
  * 我们来看下 `ellipse ` 参数
       ellipse(InputOutputArray img,  // 我们创建的 Mat 空图像(表示将圆加到图像上面)
               Point center,          // 椭圆圆心所在坐标
               Size axes,             // 椭圆的 “长轴” 和 “短轴”
               double angle,          // 椭圆旋转角度
               double startAngle,     // 椭圆扩展的弧度 开始
               double endAngle,       // 椭圆扩展的弧度 结束 (通过控制这里的两个Angle,可以绘制弧线)
               const Scalar& color,   // 椭圆颜色
               int thickness = 1,     // 线粗(-1将被填充)
               int lineType = LINE_8, // 线形
               int shift = 0          // 上述椭圆中代码省略了该参数
               )
  • 绘制一个矩形(rectangle
    • 主要代码
       int rectangle_thickness = -1;
       int rectangle_lineType = 8;
       rectangle(atom_image,
                 cv::Point(w / 2.0 - w / 64, w / 3.0 + w / 34),
                 cv::Point(w / 2.0 + w / 64, w - 10),
                 Scalar(255, 255, 0),
                 rectangle_thickness,
                 rectangle_lineType);
   * 我们来看下 `rectangle ` 参数
       rectangle(InputOutputArray img,  // 我们创建的 Mat 空图像(表示将圆加到图像上面)
                 Point pt1,             // 起始点(我取的是矩形左上角的点)
                 Point pt2,             // 终点(我取的是右下角的点)
                                           这里两个点(起始点,终点)取矩形对角的形势,确定对角,便确定了矩形的长宽。
                 const Scalar& color,   // 颜色
                 int thickness = 1,     //  线粗(-1将被填充)
                 int lineType = LINE_8, // 线形
                 int shift = 0)         // 上述矩形代码中省略了该参数
  • 最后 我们需将 Mat 图像转换成 UIImage 对象
    _imgView.image = MatToUIImage(bamboo_dragonfly_image);

  • 效果图:


    使用 OpenCV 绘制的竹蜻蜓
  • 绘制直线代码
  •     cv::Point point_start = cv::Point(0, 15 * w / 16);
        cv::Point point_end = cv::Point(w, 15 * w / 16);
        int line_thickness = 2;
        int line_lineType = 8;
        line(img,                 // 同理这里首先得创建一个 Mat 空图像
             point_start,         // 起始点
             point_end,           // 终点
             Scalar(255, 255, 0), // 颜色
             line_thickness,      // 线粗
             line_lineType);      // 线形
    
  • 绘制一个填充三角形代码
  • 创建 Mat 对象
    Mat triangle_image = Mat::zeros(w, w, CV_8SC3);
  • 绘制三角形的三个顶点
    /** 创建三角形三个顶点 用矩阵的形式创建 /
    cv::Point rook_points[1][3];
    rook_points[0][0] = cv::Point(7 * w / 8.0, 7 * w / 8.0);
    rook_points[0][1] = cv::Point(w - 7 * w / 8.0, 7 * w / 8.0);
    rook_points[0][2] = cv::Point(w - 7 * w / 8.0, w - 7 * w / 8.0);
    /
    * 创建三角形顶点集合 /
    const cv::Point
    ppt[1] = {rook_points[0]};
    /** 三角形顶点数目 */
    int npt[] = {3};
    fillPoly(triangle_image, // 将三角形放到图像上
    ppt, // 三角形顶点集合
    npt, // 三角形顶点数量
    1, // 绘制的数量
    Scalar(255, 255, 255), // 三角形填充颜色
    8); // 线形
  • 最后 我们需将 Mat 图像转换成 UIImage 对象
    _imgView2.image = MatToUIImage(triangle_image);
  • 效果图:


    OpenCV 绘制三角形

推荐阅读更多精彩内容