GTK使用cairo绘图教程

已于 2024-06-28 00:06:01 修改
阅读量1.2k 收藏 3
点赞数 1
分类专栏： GNU/Linux gtk GTK NotFree 文章标签： gtk
于 2022-07-12 09:28:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60352504/article/details/125735790
版权
GTK NotFree 同时被 3 个专栏收录
25 篇文章 11 订阅 ¥29.90 ¥99.00
订阅专栏
GNU/Linux
30 篇文章 0 订阅
订阅专栏
gtk
29 篇文章 5 订阅
订阅专栏

Cairo是一个2D图形库，支持多种输出设备。
支持的输出目标包括X Window，Quartz，Win32，image.buffers，PostScript，PDF和SVG文件输出。
后续支持OpenGL，XCB，BeOS，OS/2操作系统和DirectFB。
Cairo的目的是同一输出在不同的输出媒体上，同时能利用硬件加速器。
主要优点：在X、Win32、Quartz的基础上统一了图形库的操作方式，同时支持PS、PDF、SVG、PNG/JPEG等图像格式的输出，方便页面的再次利用，在glitz的支持下支持部分3D效果。

gtk使用cairo在窗口或者控件上绘图，需要注意以下几点：

  • 绘图目标是GdkDrawable，Drawable，顾名思义，是支持在其上绘图的东西，是GdkWindow或GdkPixmap 对象。对于gtk控件，它们是结构体，一般是它的window属性
  • 使用gtk_widget_set_app_paintable()方法将控件设置为可绘图
  • 绘图过程写在"expose-event"事件的回调函数中
  • 如果窗口里有其它控件，回调函数必须返回FALSE，否则窗口里的控件会被绘图覆盖
  • 控件必须得到显示才能被绘制，否则会在运行时报错IA__gdk_cairo_create:gdk_cairo_create: assertion `GDK_IS_DRAWABLE (drawable)’ failed

源代码：

了解本专栏 订阅专栏 解锁全文
百口可乐__
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
GTK进行rgb绘图
m0_60352504的博客
07-29 557
例如
Cairo图形指南（4）
shenbin1430的专栏
09-22 2759
基本绘图这一部分讲述如何绘制一些简单的图元，包括直线、填充与笔画操作、虚线、线端（Cap）与线的交合等图形的绘制方法。直线段直线段是非常基础的矢量图形对象。画一条直线段，需要调用两个函数：cairo_move_to() 函数，用于设置线段起点；cairo_line_to() 用于设定线段终点。#include #include double co
Cairo教程整合
12-12
一Cairo 概念 ................................................................................................................................... 3 环境 (Context) ............................................................................................................................. 3 路径 (Path) ................................................................................................................................... 3 源 (Source) ................................................................................................................................... 3 外观 (Surface) .............................................................................................................................. 3 蒙板 (Mask) ................................................................................................................................. 4 图案 (Pattern) ............................................................................................................................... 4 二Cairo 后端 ................................................................................................................................... 4 1. PNG 图像 ................................................................................................................................. 4 2. PDF 文件 ................................................................................................................................. 5 3. SVG 文件 ................................................................................................................................. 6 4. GTK 窗口 ................................................................................................................................ 7 三 基本绘图 ..................................................................................................................................... 9 直线段 .......................................................................................................................................... 9 描绘 (Stroke) 与填充 (Fill) ..................................................................................................... 12 虚线 (Dash) ................................................................................................................................ 14 线帽 (Line caps) ........................................................................................................................ 17 线的交合 (Line joins) ................................................................................................................ 19 四 高级形状绘制 ........................................................................................................................... 21 基本形状..................................................................................................................................... 21 复杂的图形................................................................................................................................. 24 填充 (Fill) .................................................................................................................................. 27 纯色 (Solid color) .................................................................................................................. 27 图案 (Pattern) ......................................................................................................................... 28 渐变 (Gradient) ...................................................................................................................... 32 五 透明........................................................................................................................................... 35 透明的矩形................................................................................................................................. 35 淡出的效果................................................................................................................................. 37 “等待”的演示 ............................................................................................................................. 40 六 合成........................................................................................................................................... 43 七 裁剪与遮蔽 ............................................................................................................................... 46 裁剪 ............................................................................................................................................ 46 裁剪矩形..................................................................................................................................... 49 遮蔽 ............................................................................................................................................ 53 变换 ............................................................................................................................................ 55 平移......................................................................................................................................... 55 旋转......................................................................................................................................... 56 缩放......................................................................................................................................... 58 错切......................................................................................................................................... 60 椭圆......................................................................................................................................... 63 星星......................................................................................................................................... 65 七 文本........................................................................................................................................... 68 灵魂伙伴..................................................................................................................................... 68 一个字接一个字…… ................................................................................................................. 71 膨胀 ............................................................................................................................................ 73 八 图像........................................................................................................................................... 76 图像的显示................................................................................................................................. 77 垂帘效果（Blind Down） ......................................................................................................... 78 光谱效果..................................................................................................................................... 81
推荐开源项目：Pinta - 轻量级GTK绘图程序
最新发布
gitblog_00066的博客
05-09 445
推荐开源项目：Pinta - 轻量级GTK#绘图程序 项目地址:https://gitcode.com/PintaProject/Pinta 1、项目介绍 Pinta 是一个基于GTK#的简单绘画程序，灵感来源于Paint.NET 3.0。由Jonathan Pobst创建并维护，Pinta致力于提供一个直观且功能丰富的画图工具，适用于Windows、macOS和Linux等操作系统。该项目以MI...
PyGobject（九十三）Cairo系列——简介&简单示例
Yu的专栏
08-03 3963
Cairo 安装 Cairo在PyGobject中的使用 简单示例 Cairo Cario是一个2D图形库，支持多种输出设备。 目前支持的输出目标包括X Window，Quartz，Win32，image.buffers，PostScript，PDF和SVG文件输出。 后续支持OpenGL，XCB，BeOS，OS/2操作系统和DirectFB。 Cario的目的是同一输出在不同
利用gtk函数 linux桌面截图 保存成图片
xxoo
02-24 2万+
啥也不说,直接上代码, 终端键入:gcc -o main gtk.c `pkg-config --cflags --libs gtk+-2.0` 以上是编译命令;运行之后会截图保存 #include #include #include int main(int argc,char **argv) { GtkWidget *window; gtk_init(&argc,&arg
Gtk+／Cairo／Glitz扯开漫谈
shuyong1999的专栏
01-30 587
Cairo是一个矢量图形及图像合成的类库，从GTK+ 2.8开始，GTK+大量的图形绘制功能用的就是Cairo。GTK+的官方文档说：         GDK does not wrap the Cairo API, instead it allows to create Cairocontexts which can be used to draw on GDK drawables. Addi
gtk_clock_without_cairo.rar_cairo_gtk clock_gtk时钟报告
09-19
开发者可能使用GTK自带的绘图机制，如`gtk_widget_draw()`函数，来实现时钟的显示。这种方法可能会使时钟的动画效果和可定制性相对较弱，因为cairo提供了更强大的路径、渐变和文本渲染等功能。 GTK时钟程序的核心是...
gtk绘图事件
07-30
2. Cairo绘图 Cairo是一个矢量图形库，它提供了一组低级别的API，用于在多种后端上进行绘制，包括像素、PDF、SVG、PostScript和OpenGL。Cairo支持多种坐标系统、路径操作、颜色填充和描边、文本渲染等，为开发者提供...
gtk.rar_GTK2.0 绘图_gtk_gtk Linux
09-24
提供的压缩包文件名为`gtk.doc`，很可能包含了一个使用GTK2.0进行图形绘制的详细步骤或代码示例，可以帮助初学者理解和实践GTK绘图功能。学习和分析这个文档，可以加深对GTK2.0绘图机制的理解，进一步提升开发GUI...
gtk.rar_gtk文档
09-14
6. ** Cairo绘图**：GTK利用Cairo图形库进行底层绘图，提供矢量图形和图像渲染能力，支持抗锯齿、透明度等效果。 7. ** ATK无障碍接口**：为了使GTK应用程序对残障人士友好，它集成了ATK（Accessibility ToolKit）...
一个五脏俱全的Gtk小程序(创建窗口,构件,绘图等)
10-26
是一个应用gtk工具包制作的小程序。 使用窗口创建，树图构件，绘图区构件，各种信号回调函数。
基于GTK的画图软件-输出到二进制文件中
05-03
基于GTK的画图软件-输出到二进制文件中，基于GTK的画图软件-输出到二进制文件中
cairo学习
Teresa-smida的专栏
04-20 853
环境： 使用cairo绘图，必须要首先创建cairo环境，cairo环境保存着所有的图形状态参数，这些参数描述了图形的构成，譬如线条宽度、颜色、要绘制的外观及其他一些信息。cairo环境允许真正的绘图函数使用很少的一部分参数，以此提高接口的易用性。调用gdk_cairo_create()函数可为所绘制的图形创建一个cairo环境。 cairo_t *cr; cr = gdk_cairo_cr
用 cairo 实现跨平台图形
编程资料大全
01-31 440
用 cairo 实现跨平台图形 用于产生一致输出的矢量绘图库 级别： 中级 cairo 的目标是以跨平台的方式在打印机和屏幕上产生相同的输出，它正在成为 Linux® 图形领域的重要...
GTK+基本图元的绘制
weixin_33795806的博客
07-17 137
// main.c #include <gtk/gtk.h> static void draw_round_rectangle (cairo_t * cr, double x, double y, double width, double height, double r) ...
GTK+入门教程
热门推荐
ygyoe的专栏
03-22 2万+
GTK+入门教程（一）1. 显示一个窗口#include &lt;gtk/gtk.h&gt; int main(int argc, char *argv[]) { GtkWidget *window; gtk_init(&amp;argc, &amp;argv); window = gtk_window_new(GTK_WINDOW_TOPLEVEL); gtk...
Go版GTK：常用事件—绘图事件
秋叶原 && Mike || 麦克
02-08 9436
GTK界面只要有图片的地方，其底层实际上是通过绘图实现的。绘图实际上也是事件的一种，GTK中，绘图事件也叫曝光事件。绘图的操作需要放在事件回调函数里。 1 绘图触发条件 绘图时所触发的信号：expose-event。只要触发曝光事件信号”expose-event”，就会自动调用所连接的回调函数。 这里需要注意的是，曝光事件信号 “expose-event” 默认的情况下，是自动触发的(当...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

百口可乐__

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值