OpenCV在图像中添加文字，画点，画直线
   【尊重原创，转载请注明出处】 http://blog.csdn.net/guyuealian/article/details/77870983
#include "stdafx.h"
#include <iostream>
#include <string.h>
#include<opencv2\opencv.hpp>
using namespace cv;
using namespace std;
int main()
{

	Mat src = imread("images/2.jpg");//图片必须添加到工程目录下

	// 将原图像转换为灰度图像    
	//cvtColor(src, src, CV_BGR2GRAY)

	//在原图画一个圆圈点
	cv::Point point;//特征点，用以画在图像中  
	point.x = 20;//特征点在图像中横坐标  
	point.y = 50;//特征点在图像中纵坐标  
	cv::circle(src, point, 4, cv::Scalar(0, 0, 255));//在图像中画出特征点，2是圆的半径 

	//在原图画一条直线
	cv::Point start = cv::Point(10, 100); //直线起点
	cv::Point end = cv::Point(50, 200);   //直线终点
	cv::line(src, start, end, cv::Scalar(0, 0, 255));

	//在原图某个位置添加文字标记
	//char str[4];
	//int num = 100;
	//_itoa_s(num, str, 10);//数字需要转为字符串来显示
	string str = "Love100";
	putText(src, str, end, cv::FONT_HERSHEY_DUPLEX, 0.5, cv::Scalar(0, 255,0 ), 2);
	imshow("src", src);
	waitKey(0);
}
运行结果：

单个标签实现分隔线：
.demo_line_01{
padding: 0 20px 0;
margin: 20px 0;
line-height: 1px;
border-left: 200px solid #ddd;
border-right: 200px solid #ddd;
text-align: center;
}
优点：代码简洁
巧用背景色实现分隔线：
.demo_line_02{
height: 1px;
border-top: 1px solid #ddd;
text-align: center;
}
.demo_line_02 span{
position: relative;
top: -8px;
background: #fff;
padding: 0 20px;
}
优点：代码简洁，可自适应宽度
inline-block实现分隔线：
点此查看实例展示
.demo_line_03{
width:600px;
}
.demo_line_03 b{
background: #ddd;
margin-top: 4px;
display: inline-block;
width: 180px;
height: 1px;
_overflow: hidden;
vertical-align: middle;
}
.demo_line_03 span{
display: inline-block;
width: 220px;
vertical-align: middle;
}
优点：文字可多行
浮动实现分隔线：
.demo_line_04{
width:600px;
}
.demo_line_04{
overflow: hidden;
_zoom: 1;
}
.demo_line_04 b{
background: #ddd;
margin-top: 8px;
float: left;
width: 26%;
height: 1px;
_overflow: hidden;
}
优点：NUN
利用字符实现分隔线：
———————————小小分隔线 字符来实现————————————
.demo_line_05{
letter-spacing: -1px;
color: #ddd;
}
.demo_line_05 span{
letter-spacing: 0;
color: #222;
margin:0 20px;
}
优点：代码简洁 以上简单介绍了分隔线的写法，也许还有其它比较合适的写法，看环境各取所需吧！

css中可利用:before、:after和content属性来在文字两边加上横线；语法“E:before,E:after{content:"";flex:1 1;border-bottom:2px solid;}”，E为包含文字的元素。
本教程操作环境：Windows7系统、css3版本、Dell G3电脑。
css在文字两边加上横线的方法
在css中，可以利用:before、:after选择器和content属性来实现。
:before 选择器向选定的元素前插入内容，:after 选择器向选定的元素之后插入内容。
content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。
示例：
h4 {
display: flex;
flex-direction: row;
}
h4:before,
h4:after {
content: "";
flex: 1 1;
border-bottom: 2px solid #000;
margin: auto;
}
img {
height: 100px;
width: 100px;
border-radius: 50%;
}
PHP中文网
效果图：
更多编程相关知识，请访问：编程教学！！

这里总结了五种关于文字两边添加横线的方法。
欢迎补充！
最近的项目的设计经常用到文字两边添加横线的方法,这样看上去简洁明了,当然实现的方法也五花八门.
暂且不说哪种方法好，邓爷爷说过不管黑猫白猫抓到老鼠就是好猫.
详细说明
在现代浏览器中浏览,全部可以正常显示.
*第一种情况:
是用的标签类名最为多的一个,而实际上会用到这样去写的很少,而且随着伪类的出现,实现起来更加方便,但这个的兼容性好啊...
优: 兼容性强
弊: 繁琐
*第二种情况:
实际上使用:before 跟 :after 伪类写成的,左右比例可以自由调节.但头痛的是IE7一下用不了T T
优: 灵活性高
弊: 兼容性弱
*第三种情况:
这是两个特别冷门的标签 fieldset legend 在W3C里面解释说
fieldset:组合表单中的相关元素
legend为 fieldset 元素定义标题(caption).
据我了解:这两货是HTML4的产物,而在H5之后添加了3个新的属性. 所以这两货兼容性也不差 [说错的地方希望指正] 但是在例子当中, 它们对text-align:center特别不友好, 所以我在IE8- FF Safari Chrome 单独做了hack
优: 兼容性好啊 贤心的layer说明文档页面就有用这个
弊: ---
第四种情况:
...这个可以不说明,就是请求的时候要多一张图片,建议图片做长一些.压缩一下. 我这里用了10001的尺寸,原图957B,压缩之后107B
优: 自己衡量
弊: ----
*第五种情况:
其实也是使用伪类去写的,只不过相比第二种少了一个伪类
优: 自己衡量
弊: IE7下看不到横线了
*第六种情况:
使用:before :after写的 优: 自适应性很好
弊: 兼容性不好，用到flex transform css3写法
如果需要字数限制，可以在a标签加上
.sixth .sixth_main a {
padding: 0 15px;
flex-basis: 50%;  //大小根据字数而定
text-align: center;
}
总结一下:
一般情况下,wap端我会使用第二或者第五中  (第六种)兼容性很好，感谢评论区@[深海哥哥]到的(https://www.jianshu.com/u/5e65e759535c)的提示
注意第一、五种情况,文字都是有用白色为背景色的,如果遇到底色为纯色的情况下还可以继续用,但是如果是图片为背景的话,要么切图对准,要么就换种方法吧,少折腾