使用cv2 / opencv绘制带有透明边缘的“软”圆圈

时间:2018-02-07 20:18:49

标签: python opencv cv2

我需要在cv2的图像上绘制“柔和”的白色圆圈(半透明边框),但我在文档中找到的是如何使用硬边框绘制100%不透明圆圈。有谁知道我怎么能做到这一点,或者至少造成圈子在边缘“淡出”的错觉?

1 个答案:

答案 0 :(得分:4)

我觉得我的OpenCV技能有点过 - 并且学到了很多 - 很酷的问题!

我生成了一个alpha值的单通道图像 - float可以减少舍入错误,单通道可以保存一些内存。这表示您的圆圈在背景中可见多少。

圆形有一个外半径 - 它变为完全透明的点和一个内半径,即它完全不透明的点。这两者之间的半径将逐渐消失。因此,将IRADIUS设置得非常接近ORADIUS,以便进行陡峭,快速的衰减,并将其设置为很长的距离以便逐渐减小。

我使用ROI将圆圈定位在背景上,并通过迭代背景所需的矩形来加快速度。

唯一棘手的部分是alpha混合或合成。您只需知道输出图像中每个像素的公式为:

out = (alpha * foreground) + (1-alpha) * background

这是代码。我OpenCV并不是世界上最好的,所以可能有部分可以优化!

////////////////////////////////////////////////////////////////////////////////
// main.cpp
// Mark Setchell
////////////////////////////////////////////////////////////////////////////////
#include <opencv2/opencv.hpp>
#include <vector>
#include <cstdlib>

using namespace std;
using namespace cv;

#define ORADIUS 100 // Outer radius
#define IRADIUS  80 // Inner radius

int main()
{
   // Create a blue background image
   Mat3b background(400,600,Vec3b(255,0,0));

   // Create alpha layer for our circle normalised to 1=>solid, 0=>transparent 
   Mat alpha(2*ORADIUS,2*ORADIUS,CV_32FC1);

   // Now draw a circle in the alpha channel
   for(auto r=0;r<alpha.rows;r++){
      for(auto c=0;c<alpha.cols;c++){
         int x=ORADIUS-r;
         int y=ORADIUS-c;
         float radius=hypot((float)x,(float)y);
         auto& pixel = alpha.at<float>(r,c);
         if(radius>ORADIUS){ pixel=0.0; continue;}      // transparent
         if(radius<IRADIUS){ pixel=1.0; continue;}      // solid
         pixel=1-((radius-IRADIUS)/(ORADIUS-IRADIUS));  // partial
      }
   }

   // Create solid magenta rectangle for circle
   Mat3b circle(2*ORADIUS,2*ORADIUS,Vec3b(255,0,255));

#define XPOS 20
#define YPOS 120
   // Make an ROI on background where we are going to place circle
   Rect ROIRect(XPOS,YPOS,ORADIUS*2,ORADIUS*2);
   Mat  ROI(background,ROIRect);

   // Do the alpha blending thing
   Vec3b *thisBgRow;
   Vec3b *thisFgRow;
   float *thisAlphaRow;
   for(int j=0;j<ROI.rows;++j)
   {
       thisBgRow    = ROI.ptr<Vec3b>(j);
       thisFgRow    = circle.ptr<Vec3b>(j);
       thisAlphaRow = alpha.ptr<float>(j);
       for(int i=0;i<ROI.cols;++i)
       {
          for(int c=0;c<3;c++){   // iterate over channels, result=circle*alpha + (1-alpha)*background
             thisBgRow[i][c] = saturate_cast<uchar>((thisFgRow[i][c]*thisAlphaRow[i]) + ((1.0-thisAlphaRow[i])*thisBgRow[i][c]));
          }
       }
   }

   imwrite("result.png",background);
   return 0;
}

这是IRADIUS=80

enter image description here

这是IRADIUS=30

enter image description here

感谢@Micka分享他的代码以迭代投资回报率here

Oooops,我刚刚意识到你正在寻找一个Python解决方案。希望我的代码能为您提供一些生成软圈面具的想法,我发现了一篇文章here,它向您展示了一些Python风格的方法,您可以将其与我的代码进行混搭。