Cairo 图形指南 (7) —— 合成

转载 2012年03月29日 17:51:44
合成 (Compositing) 可以将一些单独的源 (source) 所生成可视元素组合成到单幅图像中去,主要用于创建所有的可视元素作为同一场景的一部分这样一种假象。合成在电影工业中被广为使用,用于创建人群、不寻常 的世界等画面,因为这样的画面在现实中的制作代价非常昂贵甚至难以实现。
Cairo 图形库提供了 14 种不同的合成操作。
#include <cairo.h>
#include <gtk/gtk.h>
static void
draw (cairo_t * cr, gint x, gint w, gint h, cairo_operator_t op)
{
cairo_t *first_cr, *second_cr;
cairo_surface_t *first, *second;
first = cairo_surface_create_similar (cairo_get_target (cr),
  CAIRO_CONTENT_COLOR_ALPHA,
  w, h);
second = cairo_surface_create_similar (cairo_get_target (cr),
   CAIRO_CONTENT_COLOR_ALPHA,
   w, h);
first_cr = cairo_create (first);
cairo_set_source_rgb (first_cr, 000.4);
cairo_rectangle (first_cr, x, 205050);
cairo_fill (first_cr);
second_cr = cairo_create (second);
cairo_set_source_rgb (second_cr, 0.50.50);
cairo_rectangle (second_cr, x + 10405050);
cairo_fill (second_cr);
cairo_set_operator (first_cr, op);
cairo_set_source_surface (first_cr, second, 00);
cairo_paint (first_cr);
cairo_set_source_surface (cr, first, 00);
cairo_paint (cr);
cairo_surface_destroy (first);
cairo_surface_destroy (second);
cairo_destroy (first_cr);
cairo_destroy (second_cr);
}
static gboolean
on_expose_event (GtkWidget * widget,
 GdkEventExpose * event, gpointer data)
{
cairo_t *cr;
gint w, h;
gint x, y;
cairo_operator_t oper[] = {
CAIRO_OPERATOR_DEST_OVER,
CAIRO_OPERATOR_DEST_IN,
CAIRO_OPERATOR_OUT,
CAIRO_OPERATOR_ADD,
CAIRO_OPERATOR_ATOP,
CAIRO_OPERATOR_DEST_ATOP,
};
gtk_window_get_size (GTK_WINDOW (widget), &w, &h);
cr = gdk_cairo_create (widget->window);
gint i;
for (x = 20, y = 20, i = 0; i < 6; x += 80, i++) {
draw (cr, x, w, h, oper[i]);
}
cairo_destroy (cr);
return FALSE;
}
int
main (int argc, char *argv[])
{
GtkWidget *window;
gtk_init (&argc, &argv);
window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
g_signal_connect (window, "expose-event",
  G_CALLBACK (on_expose_event)NULL);
g_signal_connect (window, "destroy",
  G_CALLBACK (gtk_main_quit)NULL);
gtk_window_set_position (GTK_WINDOW (window),
 GTK_WIN_POS_CENTER);
gtk_window_set_default_size (GTK_WINDOW (window)510120);
gtk_widget_set_app_paintable (window, TRUE);
gtk_widget_show_all (window);
gtk_main ();
return 0;
}
示例程序中,显示了两个正方形的 6 种合成效果。
  
first = cairo_surface_create_similar (cairo_get_target (cr),
  CAIRO_CONTENT_COLOR_ALPHA,
  w, h);
second = cairo_surface_create_similar (cairo_get_target (cr),
   CAIRO_CONTENT_COLOR_ALPHA,
   w, h);
先创建两个外观 (surface)。
  
first_cr = cairo_create (first);
cairo_set_source_rgb (first_cr, 000.4);
cairo_rectangle (first_cr, x, 205050);
cairo_fill (first_cr);
对第一个外观生成的一个 cairo 环境,并在其中创建一个矩形。
  
cairo_set_operator (first_cr, op);
cairo_set_source_surface (first_cr, second, 00);
cairo_paint (first_cr);
cairo_set_operator () 函数设置 first_cr 所容许的合成操作。cairo_set_source_surface () 函数基于 second 外观创建图案,并将其作为 first_cr 环境中的源。调用 cairo_paint () 函数显示最终合成结果(也就是输出到 cr 环境)。
  
cairo_set_source_surface (cr, first, 00);
cairo_paint (cr);
最后,在 GTK+ 窗口上显示结果。
  
cairo_operator_t oper[] = {
CAIRO_OPERATOR_DEST_OVER,
CAIRO_OPERATOR_DEST_IN,
CAIRO_OPERATOR_OUT,
CAIRO_OPERATOR_ADD,
CAIRO_OPERATOR_ATOP,
CAIRO_OPERATOR_DEST_ATOP,
};
 这就是传说中的那 6 种合成操作。
  

  
 原文地址:http://liyanrui.is-programmer.com/2009/3/20/cairo-tutorial-07.7760.html

相关文章推荐

Cairo 图形指南 (5) —— 图像

在这一篇里,要讲述图像的处理。先是演示如何在 GTK+ 窗口中显示一幅图像,然后再制造一些特效。 图像的显示 在第一个例子里,显示了一幅图像。 [html] view...

Cairo 图形指南(1) —— 基本绘图

Cairo 图形指南(1) —— 基本绘图 分类: 嵌入式GTK笔记 2011-09-13 16:50 265人阅读 评论(0) 收藏 举报 这一部分讲述如何绘制一些...

Cairo 图形指南 (3) —— 变换

这一篇讲述变换(Transformation) 仿射变换是由一些线性变换与平移构成的。线性变换可以写为单个矩阵的形式。旋转是让一个刚体绕一点运动的变换。缩放变换是让物体的形状扩大与减小,并且在各个方向...

Cairo 图形指南 (6) —— 透明

这一篇讲述有关透明的一些基本知识,并提供两个有趣的透明效果。 透明是透过某种材质的可见度。理解透明最简单的方式就是想像一下玻璃或者水。从技术上讲,光线可以穿过玻璃,因此我们可以看到玻璃之后的物体。 ...

Cairo 图形指南 (5) —— 图像

在这一篇里,要讲述图像的处理。先是演示如何在 GTK+ 窗口中显示一幅图像,然后再制造一些特效。 图像的显示 在第一个例子里,显示了一幅图像。 #include #include...
  • haiwil
  • haiwil
  • 2011-09-13 17:04
  • 1713

Cairo 图形指南(1) —— 基本绘图

这一部分讲述如何绘制一些简单的图元,包括直线、填充与笔画操作、虚线、线端(Cap)与线的交合等图形的绘制方法。 直线段 直线段是非常基础的矢量图形对象。画一条直线段,需要调用两个函数:cairo_...
  • haiwil
  • haiwil
  • 2011-09-13 16:50
  • 4560

Android图形显示系统——下层显示4:图层合成下(硬件合成器)

Android图形显示系统——下层显示4:图层合成下(硬件合成器) 标签: ...

Android图形显示系统——下层显示4:图层合成下(硬件合成器)

硬件合成器-HwComposer使用3D合成,需要大面积的像素混合计算和大量的内存传输(GPU读写GraphicBuffer所需),对GPU和DDR来说是一个巨大的负担。在GPU/DDR重度使用的场景...

《合成孔径雷达成像——算法与实现》之【7】仿真图3.7

加入0.75倍的高斯噪声后,信号实部波形已经凌乱,从波形中已无法判断这是哪一种信号,但脉冲压缩的性能几乎不受影响,说明脉冲压缩抗噪能力强。
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)