作者:Steven
著作權宣告:著作權歸作者所有,商業轉載請聯系作者獲得授權,非商業轉載請注明出處
繪制邏輯
奧運五環由5個同心圓套接組成,有藍、黃、黑、綠、紅5種顏色,環從左到右互相套接,上面是藍、黑、紅環,下面是是黃、綠環,整個造形為一個底部小的規則梯形,大多數人繪制一般只將五個同心圓按順序排布,但是真正的五環是套接而成,所以本文繪制了帶套接效果的奧運五環,
首先輸入繪制的區域資訊和五環的環寬,限制下區域寬高和環寬尺寸,避免程式崩潰;其次,正常繪制五個不同顏色的同心圓,以及各自的掩膜圖;將交叉的兩個環取交集建立交集掩膜圖,共有4個交集,分別是藍色和黃色、黃色和黑色、黑色和綠色、綠色和紅色;按照交集區域顏色的優先級,清除交集掩膜圖中的非操作區域,對操作區域進行顏色重繪,完畢,
話不多說,下方為具體實作函式和測驗代碼,
功能函式代碼
// 繪制奧運五環
cv::Mat DrawOlympicRings(cv::Mat src,cv::Rect rect,int w)
{
if (rect.width < 400)
rect.width = 400;
if (rect.height < 400)
rect.height = 400;
// 設定五環半徑
int r = min(rect.width, rect.height) / 7;
if (w > r / 5)
w = r / 5;
cv::Mat result = src.clone();
int row = result.rows;
int col = result.cols;
// 藍色為1,黑色為2,紅色為3,黃色為4,綠色為5
cv::Point point2 = cv::Point(int(rect.x + rect.width / 2), int(rect.y + rect.height / 2 - 0.55*r));
cv::Point point4 = cv::Point(int(rect.x + rect.width / 2 - 1.1*r), int(rect.y + rect.height / 2 + 0.55*r));
cv::Point point5 = cv::Point(int(rect.x + rect.width / 2 + 1.1*r), int(rect.y + rect.height / 2 + 0.55*r));
cv::Point point1 = cv::Point(int(rect.x + rect.width / 2 - 2.2*r), int(rect.y + rect.height / 2 - 0.55*r));
cv::Point point3 = cv::Point(int(rect.x + rect.width / 2 + 2.2*r), int(rect.y + rect.height / 2 - 0.55*r));
// 初步繪制同心圓
DrawConcentricCircle(result, point1, r - w, r, cv::Scalar(255, 0, 0), -1, 16);
DrawConcentricCircle(result, point2, r - w, r, cv::Scalar(0, 0, 0), -1, 16);
DrawConcentricCircle(result, point3, r - w, r, cv::Scalar(0, 0, 255), -1, 16);
DrawConcentricCircle(result, point4, r - w, r, cv::Scalar(0, 255, 255), -1, 16);
DrawConcentricCircle(result, point5, r - w, r, cv::Scalar(0, 255, 0), -1, 16);
// 繪制五環掩膜位置
cv::Mat temp = result.clone();
cv::Mat mask1 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask1, point1, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask2 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask2, point2, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask3 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask3, point3, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask4 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask4, point4, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask5 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask5, point5, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
// 五環交集
cv::Mat blury = cv::Mat::zeros(result.size(), CV_8UC1);
cv::Mat blacky = cv::Mat::zeros(result.size(), CV_8UC1);
cv::Mat blackg = cv::Mat::zeros(result.size(), CV_8UC1);
cv::Mat greenr = cv::Mat::zeros(result.size(), CV_8UC1);
for (int i = rect.y; i < (rect.y+rect.height); ++i)
{
for (int j = rect.x; j < (rect.x+rect.width); ++j)
{
if (mask1.at<Vec3b>(i, j)[0] == 255 && mask4.at<Vec3b>(i, j)[0] == 255)
blury .at<uchar>(i, j) = 255;
if (mask2.at<Vec3b>(i, j)[0] == 255 && mask4.at<Vec3b>(i, j)[0] == 255)
blacky.at<uchar>(i, j) = 255;
if (mask2.at<Vec3b>(i, j)[0] == 255 && mask5.at<Vec3b>(i, j)[0] == 255)
blackg.at<uchar>(i, j) = 255;
if (mask3.at<Vec3b>(i, j)[0] == 255 && mask5.at<Vec3b>(i, j)[0] == 255)
greenr.at<uchar>(i, j) = 255;
}
}
// 目前黃環和綠環壓在藍黑紅三環上面
// 按照五環交疊的規律,消除對應的重疊區,使上面的三環在對應位置反壓下面兩環
clearArea(blury , 0);
clearArea(blacky, 1);
clearArea(blackg, 0);
clearArea(greenr, 1);
for (int i = rect.y; i < (rect.y + rect.height); ++i)
{
for (int j = rect.x; j < (rect.x + rect.width); ++j)
{
uchar *m1 = blury .ptr<uchar>(i);
uchar *m2 = blacky.ptr<uchar>(i);
uchar *m3 = blackg.ptr<uchar>(i);
uchar *m4 = greenr.ptr<uchar>(i);
if (m1[j] == 255)
{
result.at<Vec3b>(i, j)[0] = 255;
result.at<Vec3b>(i, j)[1] = 0;
result.at<Vec3b>(i, j)[2] = 0;
}
if (m2[j] == 255|| m3[j] == 255)
{
result.at<Vec3b>(i, j)[0] = 0;
result.at<Vec3b>(i, j)[1] = 0;
result.at<Vec3b>(i, j)[2] = 0;
}
if (m4[j] == 255)
{
result.at<Vec3b>(i, j)[0] = 0;
result.at<Vec3b>(i, j)[1] = 0;
result.at<Vec3b>(i, j)[2] = 255;
}
}
}
return result;
}
// 繪制同心圓
void DrawConcentricCircle(cv::Mat mask, const cv::Point2i ¢er, int radius1, int radius2, const cv::Scalar &color, int thickness, int linetype)
{
// 創建畫布
cv::Mat canvas = cv::Mat::zeros(mask.size(), CV_8UC1);
// 計算內徑和外徑
int inradius = min(radius1, radius2);
int outradius = max(radius1, radius2);
// 分情況討論
// 當thickness大于0時,繪制的是兩個圓型線條組成的同心圓,不需填充
if (thickness > 0)
{
cv::circle(mask, center, outradius, color, thickness, linetype);
cv::circle(mask, center, inradius, color, thickness, linetype);
}
// 當thickness小于0,一般為-1,繪制的是填充同心圓,內圓不能有填充色
else {
cv::circle(canvas, center, outradius, cv::Scalar(255), -1, linetype);
cv::circle(canvas, center, inradius, cv::Scalar(0), -1, linetype);
int row = mask.rows;
int col = mask.cols;
for (int i = 0; i < row; ++i)
{
for (int j = 0; j < col; ++j)
{
uchar *m = canvas.ptr<uchar>(i);
if (m[j] == 255)
{
mask.at<Vec3b>(i, j)[0] = static_cast<uchar>(color[0]);
mask.at<Vec3b>(i, j)[1] = static_cast<uchar>(color[1]);
mask.at<Vec3b>(i, j)[2] = static_cast<uchar>(color[2]);
}
}
}
}
}
// 清除第id個連通區
void clearArea(cv::Mat& mask, int id)
{
std::vector<std::vector<cv::Point> > contours; // 創建輪廓容器
std::vector<cv::Vec4i> hierarchy;
cv::findContours(mask, contours, hierarchy, cv::RETR_EXTERNAL, cv::CHAIN_APPROX_NONE, cv::Point());
if (!contours.empty() && !hierarchy.empty())
{
if (id<contours.size())
{
cv::Rect rect = cv::boundingRect(cv::Mat(contours[id]));
for (int i = rect.y; i < rect.y + rect.height; i++)
{
uchar *output_data = mask.ptr<uchar>(i);
for (int j = rect.x; j < rect.x + rect.width; j++)
{
// 將連通區的值置0
if (output_data[j] == 255)
{
output_data[j] = 0;
}
}
}
}
}
}
C++測驗代碼
#include <iostream>
#include <opencv2/opencv.hpp>
#include <time.h>
using namespace std;
using namespace cv;
cv::Mat DrawOlympicRings(cv::Mat src, cv::Rect rect, int w);
void DrawConcentricCircle(cv::Mat mask, const cv::Point2i ¢er, int radius1, int radius2, const cv::Scalar &color, int thickness, int linetype);
void clearArea(cv::Mat& mask, int id);
int main()
{
cv::Mat src = imread("test.jpg");
cv::Mat result = src.clone();
cv::Rect rect = cv::Rect(10, 10, 800, 800);
int width = 20;
clock_t start, end;
start = clock();
result = DrawOlympicRings(result,rect,width);
end = clock();
double diff = end - start;
cout << "time:" << diff / CLOCKS_PER_SEC << endl;
imshow("original", src);
imshow("result", result);
waitKey(0);
system("pause");
return 0;
}
// 繪制奧運五環
cv::Mat DrawOlympicRings(cv::Mat src,cv::Rect rect,int w)
{
if (rect.width < 400)
rect.width = 400;
if (rect.height < 400)
rect.height = 400;
// 設定五環半徑
int r = min(rect.width, rect.height) / 7;
if (w > r / 5)
w = r / 5;
cv::Mat result = src.clone();
int row = result.rows;
int col = result.cols;
// 藍色為1,黑色為2,紅色為3,黃色為4,綠色為5
cv::Point point2 = cv::Point(int(rect.x + rect.width / 2), int(rect.y + rect.height / 2 - 0.55*r));
cv::Point point4 = cv::Point(int(rect.x + rect.width / 2 - 1.1*r), int(rect.y + rect.height / 2 + 0.55*r));
cv::Point point5 = cv::Point(int(rect.x + rect.width / 2 + 1.1*r), int(rect.y + rect.height / 2 + 0.55*r));
cv::Point point1 = cv::Point(int(rect.x + rect.width / 2 - 2.2*r), int(rect.y + rect.height / 2 - 0.55*r));
cv::Point point3 = cv::Point(int(rect.x + rect.width / 2 + 2.2*r), int(rect.y + rect.height / 2 - 0.55*r));
// 初步繪制同心圓
DrawConcentricCircle(result, point1, r - w, r, cv::Scalar(255, 0, 0), -1, 16);
DrawConcentricCircle(result, point2, r - w, r, cv::Scalar(0, 0, 0), -1, 16);
DrawConcentricCircle(result, point3, r - w, r, cv::Scalar(0, 0, 255), -1, 16);
DrawConcentricCircle(result, point4, r - w, r, cv::Scalar(0, 255, 255), -1, 16);
DrawConcentricCircle(result, point5, r - w, r, cv::Scalar(0, 255, 0), -1, 16);
// 繪制五環掩膜位置
cv::Mat temp = result.clone();
cv::Mat mask1 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask1, point1, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask2 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask2, point2, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask3 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask3, point3, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask4 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask4, point4, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
cv::Mat mask5 = cv::Mat::zeros(result.size(), CV_8UC3);
DrawConcentricCircle(mask5, point5, r - w, r, cv::Scalar(255, 255, 255), -1, 16);
// 五環交集
cv::Mat blury = cv::Mat::zeros(result.size(), CV_8UC1);
cv::Mat blacky = cv::Mat::zeros(result.size(), CV_8UC1);
cv::Mat blackg = cv::Mat::zeros(result.size(), CV_8UC1);
cv::Mat greenr = cv::Mat::zeros(result.size(), CV_8UC1);
for (int i = rect.y; i < (rect.y+rect.height); ++i)
{
for (int j = rect.x; j < (rect.x+rect.width); ++j)
{
if (mask1.at<Vec3b>(i, j)[0] == 255 && mask4.at<Vec3b>(i, j)[0] == 255)
blury .at<uchar>(i, j) = 255;
if (mask2.at<Vec3b>(i, j)[0] == 255 && mask4.at<Vec3b>(i, j)[0] == 255)
blacky.at<uchar>(i, j) = 255;
if (mask2.at<Vec3b>(i, j)[0] == 255 && mask5.at<Vec3b>(i, j)[0] == 255)
blackg.at<uchar>(i, j) = 255;
if (mask3.at<Vec3b>(i, j)[0] == 255 && mask5.at<Vec3b>(i, j)[0] == 255)
greenr.at<uchar>(i, j) = 255;
}
}
// 目前黃環和綠環壓在藍黑紅三環上面
// 按照五環交疊的規律,消除對應的重疊區,使上面的三環在對應位置反壓下面兩環
clearArea(blury , 0);
clearArea(blacky, 1);
clearArea(blackg, 0);
clearArea(greenr, 1);
for (int i = rect.y; i < (rect.y + rect.height); ++i)
{
for (int j = rect.x; j < (rect.x + rect.width); ++j)
{
uchar *m1 = blury .ptr<uchar>(i);
uchar *m2 = blacky.ptr<uchar>(i);
uchar *m3 = blackg.ptr<uchar>(i);
uchar *m4 = greenr.ptr<uchar>(i);
if (m1[j] == 255)
{
result.at<Vec3b>(i, j)[0] = 255;
result.at<Vec3b>(i, j)[1] = 0;
result.at<Vec3b>(i, j)[2] = 0;
}
if (m2[j] == 255|| m3[j] == 255)
{
result.at<Vec3b>(i, j)[0] = 0;
result.at<Vec3b>(i, j)[1] = 0;
result.at<Vec3b>(i, j)[2] = 0;
}
if (m4[j] == 255)
{
result.at<Vec3b>(i, j)[0] = 0;
result.at<Vec3b>(i, j)[1] = 0;
result.at<Vec3b>(i, j)[2] = 255;
}
}
}
return result;
}
// 繪制同心圓
void DrawConcentricCircle(cv::Mat mask, const cv::Point2i ¢er, int radius1, int radius2, const cv::Scalar &color, int thickness, int linetype)
{
// 創建畫布
cv::Mat canvas = cv::Mat::zeros(mask.size(), CV_8UC1);
// 計算內徑和外徑
int inradius = min(radius1, radius2);
int outradius = max(radius1, radius2);
// 分情況討論
// 當thickness大于0時,繪制的是兩個圓型線條組成的同心圓,不需填充
if (thickness > 0)
{
cv::circle(mask, center, outradius, color, thickness, linetype);
cv::circle(mask, center, inradius, color, thickness, linetype);
}
// 當thickness小于0,一般為-1,繪制的是填充同心圓,內圓不能有填充色
else {
cv::circle(canvas, center, outradius, cv::Scalar(255), -1, linetype);
cv::circle(canvas, center, inradius, cv::Scalar(0), -1, linetype);
int row = mask.rows;
int col = mask.cols;
for (int i = 0; i < row; ++i)
{
for (int j = 0; j < col; ++j)
{
uchar *m = canvas.ptr<uchar>(i);
if (m[j] == 255)
{
mask.at<Vec3b>(i, j)[0] = static_cast<uchar>(color[0]);
mask.at<Vec3b>(i, j)[1] = static_cast<uchar>(color[1]);
mask.at<Vec3b>(i, j)[2] = static_cast<uchar>(color[2]);
}
}
}
}
}
// 清除第id個連通區
void clearArea(cv::Mat& mask, int id)
{
std::vector<std::vector<cv::Point> > contours; // 創建輪廓容器
std::vector<cv::Vec4i> hierarchy;
cv::findContours(mask, contours, hierarchy, cv::RETR_EXTERNAL, cv::CHAIN_APPROX_NONE, cv::Point());
if (!contours.empty() && !hierarchy.empty())
{
if (id<contours.size())
{
cv::Rect rect = cv::boundingRect(cv::Mat(contours[id]));
for (int i = rect.y; i < rect.y + rect.height; i++)
{
uchar *output_data = mask.ptr<uchar>(i);
for (int j = rect.x; j < rect.x + rect.width; j++)
{
// 將連通區的值置0
if (output_data[j] == 255)
{
output_data[j] = 0;
}
}
}
}
}
}
測驗效果
奧運五環完成啦,和圖3是不是很接近,顏色可能有些許差異,只需要改變對應的RGB顏色即可,奧運五環的環上還有白邊,可以通過重寫同心圓函式DrawConcentricCircle來實作,我就不做啦,感興趣的兄弟可以自行研究~
如果函式有什么可以改進完善的地方,非常歡迎大家指出,一同進步何樂而不為呢~
如果文章幫助到你了,可以點個贊讓我知道,我會很快樂~加油!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/296787.html
標籤:其他
下一篇:【游戲開發創新】使用Unity制作方陣編隊,CSDN方陣迎面走來,感謝CSDN的中秋禮物(影像采樣 | 點陣 | 方陣 | 隊形 | 變換 | 影片)
