cario库——C++画图

已于 2023-10-19 17:27:09 修改
阅读量983 收藏 3
点赞数 1
分类专栏： 图片 文章标签： c++ 开发语言 cairo
于 2023-10-19 15:12:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mankeywang/article/details/131713505
版权

文章目录

RGBA

  • rgb:红绿蓝

    • rgb(0,0,0)：黑色
    • rgb(255,255,255)：白色

  • rgba:红绿蓝+透明度（0：完全透明，1：完全不透明）

    • rgba(255,255,255,0)则表示完全透明的白色；
    • rgba(0,0,0,1)则表示完全不透明的黑色；
    • rgba(0,0,0,0)则表示完全不透明的白色,也即是无色

Cario库是一个用于图形绘制的开源C++库，主要用于处理2D图形的渲染和绘制。Cario库通过使用矢量图形来实现高质量的渲染，这意味着图形可以按照任意缩放级别进行绘制而不会产生锯齿或像素化。

头文件：#include <cairo/cairo.h>

1. 多个（x,y）坐标点，连成线

示例：
	#include <cairo/cairo.h>
	// 创建一个画布
	cairo_surface_t* surface;
	// 创建画布之后，需要一个管理员，即上下文
	cairo_t* cr;
	
	// 创建基于PNG图像文件
	surface = cairo_image_surface_create_from_png("./one.png"); // (CAIRO_FORMAT_A8, _param_width, _param_height);
	// _get_width()和_get_height()是用于获取图像表面宽度和高度的函数
	int w = cairo_image_surface_get_width(surface);
	int h = cairo_image_surface_get_height(surface);

	//
	cr = cairo_create(surface);
	cairo_set_source_rgb(cr, 1, 1, 0);  //1,1,0表示黄色(1,0,0 表示红色)
	cairo_set_line_width(cr, 3);  // 设置前线条宽度设置为指定的值。它接受2个参数，第一个参数是 Cairo 上下文对象，第二个参数是线条宽度
	
	// 定义一个面，一个面包含N个点
	vector<point_int> all_point ;
	// 每个点的结构体，
	sturct point_int
	{
		int x;
		int y;
	};
	// 绘制原始边界
	if (all_point.size() > 0)
	{
			// 绘制原始边界
			// cairo_move_to(cr, x, y) 函数将当前绘图点移动到坐标为(x, y) 的位置
			cairo_move_to(cr, all_point[m].x, all_point[m].y);
			for (int i = 1; i < all_point.size(); i++)
			{
				//cairo_line_to(cr, x, y) 函数会从当前绘图点绘制一条到(x, y) 坐标点的直线。
				if (all_point[i].x > w)
				{
					all_point[i].x = w;
				}
				if (all_point[i].y > h)
				{
					all_point[i].y = h;
				}
				cairo_line_to(cr, all_point[i].x, all_point[i].y);
			}
			// 再次连线到起始点，使其闭合起来，也可以使用 cairo_close_path() 函数
			cairo_line_to(cr, all_point.at(0).x, all_point.at(0).y);
			//cairo_close_path() 函数用于将当前路径的最后一个点连接到路径起点，从而封闭路径。
			cairo_close_path(cr);
			//cairo_stroke() 函数则是用于描边并显示出路径的函数。
			cairo_stroke(cr);
		}

		// _write_to_png() 函数用于将 Cairo 库中的 cairo_surface_t 对象保存为 PNG 文件，需要指定 PNG 文件的路径。
		cairo_surface_write_to_png(surface, "./result.png");

		// cairo_destroy() 和 cairo_surface_destroy() 函数则分别用于释放绘图环境和绘图表面的内存资源。
		cairo_destroy(cr);
		cairo_surface_destroy(surface);

  • cairo_image_surface_create_from_png()是用于创建基于PNG图像文件创建表面的函数之一
    该函数将指定路径上的 PNG 文件读入一个新表面中，返回的指针就是新创建的cairo_surface_t类型的表面。如果读取 PNG 文件失败或文件格式不正确，则函数返回一个 NULL 指针。

  • cairo_create()是用于创建新上下文对象的函数,该函数创建和返回一个新的 Cairo 上下文对象，该对象链接到指定的表面（cairo_surface_t类型）。使用该对象，您可以执行各种绘图操作，包括绘制线条、矩形、文本、图像等。

2. 画圆

  1. cairo_arc(cr, centerX, centerY, radius, 0, 2 * M_PI);
  2. cairo_arc 是Cairo库提供的函数，用于绘制一段圆弧。在这里，它被用来绘制一个完整的圆。
  3. cr 是Cairo渲染上下文，这是你之前创建并初始化的渲染上下文。
  4. centerX和 centerY是圆的中心坐标，表示在渲染上下文中绘制圆的位置。
  5. radius 是圆的半径，表示圆的大小。
  6. 0 是起始角度，这里是0弧度，表示圆的起始点。
  7. 2 * M_PI是结束角度，表示圆的结束点。SU_PI（可能是一个常数或宏定义）通常等于圆周率π的两倍，因此2 * SU_PI 表示一个完整的圆。
  8. cairo_stroke(m_cairo_render.m_cr);:
  9. cairo_stroke 函数是Cairo库的函数，用于在渲染上下文中描边已经绘制的图形。
#include <cairo/cairo.h>
#define M_PI       3.14159265358979323846   // pi
// 定义一个绘制圆的函数
void drawCircle(cairo_t *cr, double centerX, double centerY, double radius) {
    // 开始绘制路径
    cairo_new_path(cr);
    // 移动到圆心
    cairo_move_to(cr, centerX, centerY);
    // 绘制圆形
    cairo_arc(cr, centerX, centerY, radius, 0, 2 * M_PI);
    // 关闭路径
    cairo_close_path(cr);
    // 设置填充颜色
    cairo_set_source_rgb(cr, 0, 0, 0); // 黑色
    // 填充圆形
    cairo_fill(cr);
}

int main() {
    // 创建Cairo绘图上下文
    cairo_surface_t *surface = cairo_image_surface_create(CAIRO_FORMAT_ARGB32, 400, 400);
    cairo_t *cr = cairo_create(surface);
    // 绘制圆形
    double centerX = 200.0;
    double centerY = 200.0;
    double radius = 100.0;
    drawCircle(cr, centerX, centerY, radius);
    // 保存绘图到文件
    cairo_surface_write_to_png(surface, "./circle.png");
    // 清理资源
    cairo_destroy(cr);
    cairo_surface_destroy(surface);
    return 0;
}

实现效果
在这里插入图片描述

3. 填充颜色

#define M_PI       3.14159265358979323846   // pi
#include <cairo/cairo.h>
// 定义一个绘制六边形的函数
void drawHexagon(cairo_t* cr, double centerX, double centerY, double sideLength) {
    // 计算六边形的顶点坐标
    double x[6];
    double y[6];
    for (int i = 0; i < 6; ++i) {
        x[i] = centerX + sideLength * cos(i * M_PI / 3);
        y[i] = centerY + sideLength * sin(i * M_PI / 3);
    }

    // 开始绘制路径
    cairo_new_path(cr);
    // 移动到第一个顶点
    cairo_move_to(cr, x[0], y[0]);

    // 依次连接六个顶点
    for (int i = 1; i < 6; ++i) {
        cairo_line_to(cr, x[i], y[i]);
    }

    // 关闭路径
    cairo_close_path(cr);
    // 设置线段粗细
    cairo_set_line_width(cr, 3.0);
    // 设置内部填充颜色
    cairo_set_source_rgba(cr, 1.0, 1.0, 0.0, 1.0); // 黄色
    // 填充六边形
    cairo_fill_preserve(cr);
    // 设置边框颜色
    cairo_set_source_rgb(cr, 0.0, 0.0, 0.0); // 黑色
    // 绘制边框
    cairo_stroke(cr);

}

int main() {
    // 创建Cairo绘图上下文
    cairo_surface_t* surface = cairo_image_surface_create(CAIRO_FORMAT_ARGB32, 400, 400);
    cairo_t* cr = cairo_create(surface);

    // 绘制六边形
    double centerX = 200.0;
    double centerY = 200.0;
    double sideLength = 100.0;
    drawHexagon(cr, centerX, centerY, sideLength);

    // 保存绘图到文件
    cairo_surface_write_to_png(surface, "../hexagon3.png");

    // 清理资源
    cairo_destroy(cr);
    cairo_surface_destroy(surface);

    return 0;
}

效果

在这里插入图片描述

在 Cairo 绘图库中，cairo_stroke(cr) 和 cairo_stroke_preserve(cr) 是两个不同的函数，它们的行为稍有不同。

cairo_stroke(cr)：
    这个函数用于绘制当前路径的线段，也就是描绘路径的轮廓。
    在执行 cairo_stroke(cr) 后，路径将被清除，不再保留，因此你不能再在同一个路径上执行其他操作（如填充）。
    用于绘制路径的轮廓，并清除路径，以便进行其他绘图操作。

cairo_stroke_preserve(cr)：
    这个函数与 cairo_stroke(cr) 的区别在于它绘制路径的线段，但不清除路径，因此路径保持在当前上下文中，你可以随后在相同路径上执行其他操作，比如填充。
    用于绘制路径的轮廓，但路径仍然保持在上下文中，可用于后续绘制操作。

所以，如果你想在同一个路径上同时绘制边框和填充，你应该使用 cairo_stroke_preserve(cr) 来先绘制边框，然后再进行填充，而不是 cairo_stroke(cr)，因为后者会清除路径，使填充无法进行。

在 Cairo 绘图库中，cairo_fill(cr) 和 cairo_fill_preserve(cr) 也是两个有明显区别的函数：

1.cairo_fill(cr):

这个函数用于填充当前路径的内部区域。
执行完 cairo_fill(cr) 后，路径将被清除，不再保留。也就是说，你不能再在同一个路径上执行其他操作（如描边）。
主要用于填充路径的内部并清除路径，以便进行其他绘图操作。

2.cairo_fill_preserve(cr):

与 cairo_fill(cr) 的区别在于它填充路径的内部，但不清除路径。所以路径仍然存在于当前的上下文中，
这允许你随后在相同的路径上执行其他操作，比如描边。
主要用于填充路径的内部，但路径仍然存在于上下文中，可用于后续绘制操作。

所以，如果你想在同一个路径上同时进行填充和描边，你应该使用 cairo_fill_preserve(cr) 进行填充，然后再描边。这与先前我提到的 cairo_stroke_preserve(cr) 的工作方式相似，但它是用于填充而不是描边的。

4. 曲线图

    double x = 25.6, y = 128.0;
    double x1 = 102.4, y1 = 230.4, x2 = 153.6, y2 = 25.6, x3 = 230.4, y3 = 128.0;
    // 画曲线图
    cairo_move_to(cr, x, y);
    cairo_curve_to(cr, x1, y1, x2, y2, x3, y3);
    cairo_set_line_width(cr, 10.0);
    cairo_stroke(cr);
    // 曲线坐标对应的直线
    cairo_set_source_rgba(cr, 1, 0.2, 0.2, 0.8);
    cairo_set_line_width(cr, 6.0);
    cairo_move_to(cr, x, y);   
    cairo_line_to(cr, x1, y1);
    cairo_line_to(cr, x2, y2);
    cairo_line_to(cr, x3, y3);
    cairo_stroke(cr);

效果

在这里插入图片描述

master cat
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图形开发之Cario库简介以及下载安装
eric
03-18 4505
这几天都在研究Cairo图形库，这是一个开源跨平台的图形库，相对于OpenGL来说更容易上手使用。在开始之前先介绍一些关于矢量图形和光栅图形的概念。矢量图形和光栅图形是两种不同的计算机图形体系。光栅图形用像素的集合来表现图像。矢量图形使用诸如点、线、曲线或多边形等几何图元来表现图像。这些图元通过使用数学方程式创建。这两种计算机图形提示各有各自的优缺点。矢量图形比光栅图形更先进的特点有如下几点：
cario windows 下编译
揽月凡尘
06-27 1395
cario windows 下编译 什么是Cairo cairo是一个小型的2D图形库，支持Linux、Windows、macOS X等平台。封装了一部分在当前平台上的图形API，或是直接访问底层接口。他支持win32、x-window、svg、opengl等多种输出设备。cario的编译相对比较简单，但是在windows下遇到各种问题，就是没有很好的解决办法 你需要准备什么 MSYS2 在windows下模拟liunx的环境的软件，MSYS 是用于辅助 Windows 版 MinGW 进行命令
Windows下VS配置C++绘图库（基于matplotlibcpp）
最新发布
lzh_made_wall的博客
06-04 199
【代码】Windows下VS配置C++绘图库（基于matplotlibcpp）
C++ 之编译过程
weixin_30885111的博客
10-16 45
1）用户点击编译程序时，编译程序将C++源代码转换成目标代码，目标代码通常由 机器指令和记录如何将程序加载到内存的信息组成。其后缀通常为.obj或.o； 2）目标文件中存储的只是用户所编写的代码的转换结果，并不包括底层的操作指令，不能直接运行。例如程序包 iostream 实现了所有有关输入和输出的操作，并且其所有实现操作的机器代码都放在一个库中，库是对已实现的程序经编译后所产生的代码集合...
cairo 函数说明集锦
05-26
cairo 是一个免费的矢量绘图软件库，它可以绘制多种输出格式。cairo 支持许多平台，包括 Linux、BSD、Microsoft® Windows® 和 OSX（BeOS 和 OS2 后端也正在开发）。Linux 绘图可以通过 X Window 系统、Quartz、图像缓冲格式或 OpenGL 上下文来实现。另外，cairo 还支持生成 PostScript 或 PDF 输出，从而产生高质量的打印结果。在理想情况下，cairo 的用户可以在打印机和屏幕上获得非常接近的输出效果。这里总结说明了cairo内部函数功能(全)
C++可视化和图表库
热门推荐
kupePoem的专栏
09-17 1万+
圆形图表（饼状图），圆环图，柱形图（条形图），直线图，曲线图，梯级线图，趋势线图，曲线拟合图，线间色图，区域图，散布图（散形图），泡沫图，floating box，box-whisker，瀑布图，金融类图表，甘特图表，向量图，雷达图，极线图，rose，XY轴交换（旋转图表）和3D效果等效果。广泛的图表类型- 饼图、甜甜圈、条形图、直线、样条曲线、阶梯线、趋势线、曲线拟合、线间填充、区域、带、散点、气泡、浮动框、盒须、瀑布、轮廓、热图、表面、矢量、金融、甘特图、雷达、极地、玫瑰、金字塔、锥体和漏斗。
cario库
师从小白
11-24 944
cario
C++ OpenCV学习：三、创建画布，绘制线条、矩形、圆、椭圆，添加文本
m0_46685221的博客
11-17 1221
创建纯黑画布可以使用Mat::zeros函数，信息如下：参数1：rows，行数参数2：cols，列数参数3：type，创建的矩阵类型。
cario在virsual studio中的配置
flyonok的专栏
02-26 1243
1、下载 用bing或google查下cario，找到官网，下载开发包即可；现在gtk+的开发包已经包含了cario，我下载的就是gtk+开发包 2、解压到目录，假设为CarioPathDir 3、新建一个c++工程，console级别的 4、新增一个文件main.cpp，写入以下内容： #include #include "cairo-features.h" #include vo
cario:Carios 是使用 Cocos2d-x 框架编写的 Mario Bros 克隆版
06-04
Cario 是使用 Cocos2d-x C++ 引擎编写的 Mario Bros 克隆版。 ( )
c语言的图形库
11-27
在描述中提到的“VC++6.0”是微软的一个经典集成开发环境（IDE），它支持C++编程，但默认并不包含对C语言图形库的支持。因此，这个图形库的目的是为了弥补在Windows 7系统下，使用像Turbo C这样的老版本编译器时遇到...
cario09
03-15
【标题】"Cairo09"是一个与JavaScript相关的项目，很可能是一个使用JavaScript库或框架创建的应用程序或工具。"博特"可能是项目的名字或者是开发者的名字，但由于信息有限，无法确定其具体含义。从标签"JavaScript...
cairo-1.15.2图形库源码,已经做成了VS2010工程(3)
12-02
cairo-1.15.2图形库源码,已经做成了VS2010工程，可以直接编译生成*.lib和*.dll,并有使用例子。其实cairo只是对其它底层图形库的封装，比如Windows GDI/GDI+和OPENGL，并非真正意义上的图形库。分成了4个压缩包供下载...
Monte cario method
05-03
monte cario slides, introduce monte cario methode
C++ 之 Visual Studio 搭建 EasyX Graphics Library 图形库环境，并使用EasyX(graphics.h)绘制第一个图形
仙魁XAN
11-09 6560
C++ 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。本节介绍，在 Visual Studio 中配置EasyX Graphics Library 图形库环境，并使用该库和 C++ 实现绘制第一个图形过程的简单整理。如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。window 10。
Matplotplusplus绘图库的引用
davidmrliu的博客
11-14 3364
Matplot++作为C++的一个优秀可视化库，可绘制出高质量的可用于出版的图表；同时也可以应用C++的后端功能，提供几十种绘图类型，几乎囊括了常见出版要求的绘图种类。
Cairo图形指南（4）
shenbin1430的专栏
09-22 2761
基本绘图这一部分讲述如何绘制一些简单的图元，包括直线、填充与笔画操作、虚线、线端（Cap）与线的交合等图形的绘制方法。直线段直线段是非常基础的矢量图形对象。画一条直线段，需要调用两个函数：cairo_move_to() 函数，用于设置线段起点；cairo_line_to() 用于设定线段终点。#include #include double co
C++可视化-Matplot++
SmaLLMasteR110的博客
08-23 2040
Matplot++是一个用于数据可视化的图形库，它提供交互式绘图、以高质量格式导出科学出版物绘图的方法、与类似库一致的紧凑语法、数十种具有专用算法的绘图类别、多种编码样式，并支持通用后端。
apollo学习之---matplotlibcpp c++绘图库安装及使用
qq_41593516的博客
11-30 2027
文章目录
cario库能显示jpeg图像吗
05-25
是的，Cairo库可以显示JPEG图像。要在Cairo中加载和显示JPEG图像，需要使用libjpeg库。以下是一个使用Cairo和libjpeg的示例代码，可以读取JPEG图像并将其绘制到Cairo的绘图上下文中： ```c #include <cairo.h> #include <jpeglib.h> void draw_jpeg(cairo_t *cr, const char *filename) { struct jpeg_decompress_struct cinfo; struct jpeg_error_mgr jerr; JSAMPROW row_pointer[1]; FILE *infile = fopen(filename, "rb"); if (!infile) { fprintf(stderr, "Error opening JPEG file %s\n", filename); return; } cinfo.err = jpeg_std_error(&jerr); jpeg_create_decompress(&cinfo); jpeg_stdio_src(&cinfo, infile); jpeg_read_header(&cinfo, TRUE); jpeg_start_decompress(&cinfo); int row_stride = cinfo.output_width * cinfo.output_components; unsigned char *buffer = (unsigned char *)malloc(row_stride); while (cinfo.output_scanline < cinfo.output_height) { row_pointer[0] = buffer; jpeg_read_scanlines(&cinfo, row_pointer, 1); for (int i = 0; i < row_stride; i += cinfo.output_components) { unsigned char r = buffer[i]; unsigned char g = buffer[i + 1]; unsigned char b = buffer[i + 2]; cairo_set_source_rgb(cr, r / 255.0, g / 255.0, b / 255.0); cairo_rectangle(cr, i / cinfo.output_components, cinfo.output_scanline - 1, 1, 1); cairo_fill(cr); } } free(buffer); jpeg_finish_decompress(&cinfo); jpeg_destroy_decompress(&cinfo); fclose(infile); } int main(int argc, char **argv) { cairo_surface_t *surface = cairo_image_surface_create(CAIRO_FORMAT_RGB24, 640, 480); cairo_t *cr = cairo_create(surface); draw_jpeg(cr, "example.jpg"); cairo_surface_write_to_png(surface, "output.png"); cairo_destroy(cr); cairo_surface_destroy(surface); return 0; } ``` 这个示例代码使用libjpeg库读取JPEG图像，然后将像素值转换为Cairo的RGB颜色，最后将每个像素绘制到Cairo的绘图上下文中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值