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

这一篇讲述变换（Transformation） 仿射变换是由一些线性变换与平移构成的。线性变换可以写为单个矩阵的形式。旋转是让一个刚体绕一点运动的变换。缩放变换是让物体的形状扩大与减小，并且在各个方向上的缩放因子都相同。平移变换将每个点沿着指定的方向移动常量距离。错切对于给定轴线，沿垂直于它的方向对物体进行移动的变换，并且在轴线的一侧的移动距离大于另一侧。

——上述内容来自维基百科全书

平移

下面这个例子演示了一个简单的平移变换。

[html] view plain copy print ?

1. #include <cairo.h>  
2. #include <gtk/gtk.h>  
3. staticgboolean  
4. on_expose_event(GtkWidget *widget,  
5.     GdkEventExpose *event,  
6.     gpointer data)  
7. {  
8.   cairo_t *cr;  
9.   cr = gdk_cairo_create (widget->window);  
10.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
11.   cairo_rectangle(cr, 20, 20, 80, 50);  
12.   cairo_stroke_preserve(cr);  
13.   cairo_set_source_rgb(cr, 1, 1, 1);  
14.   cairo_fill(cr);  
15.   cairo_translate(cr, 100, 100);  
16.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
17.   cairo_rectangle(cr, 20, 20, 80, 50);  
18.   cairo_stroke_preserve(cr);  
19.   cairo_set_source_rgb(cr, 1, 1, 1);  
20.   cairo_fill(cr);  
21.   cairo_destroy(cr);  
22.   returnFALSE;  
23. }  
24. int main(int argc,char *argv[])  
25. {  
26.   GtkWidget *window;  
27.   gtk_init(&argc, &argv);  
28.   window = gtk_window_new(GTK_WINDOW_TOPLEVEL);  
29.   g_signal_connect(window,"expose-event",  
30.       G_CALLBACK (on_expose_event), NULL);  
31.   g_signal_connect(window,"destroy",  
32.       G_CALLBACK (gtk_main_quit), NULL);  
33.   gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);  
34.   gtk_window_set_default_size(GTK_WINDOW(window), 300, 230);  
35.   gtk_widget_set_app_paintable(window, TRUE);  
36.   gtk_widget_show_all(window);  
37.   gtk_main();  
38.   return0;  
39. }  

#include

<cairo.h>

#include <gtk/gtk.h>

staticgboolean

on_expose_event(GtkWidget *widget,

GdkEventExpose *event,

gpointer data)

{

cairo_t *cr;

cr = gdk_cairo_create (widget->window);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 20, 20, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_translate(cr, 100, 100);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 20, 20, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_destroy(cr);

returnFALSE;

}

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), 300, 230);

gtk_widget_set_app_paintable(window, TRUE);

gtk_widget_show_all(window);

gtk_main();

return0;

}

这个例子先是画了个矩形，然后将它平移并绘制出平移结果。

cairo_translate(cr, 100, 100);

cairo_translate() 函数可通过平移用于空间的原点来修改当前的变换矩阵。在这个示例中，是将原点沿水平和竖直方向平移了 100 个单位长度。

旋转

下面这个例子演示了一个简单的旋转变换。

[html] view plain copy print ?

1. #include <cairo.h>  
2. #include <gtk/gtk.h>  
3. #include <math.h>  
4. staticgboolean  
5. on_expose_event(GtkWidget *widget,  
6.     GdkEventExpose *event,  
7.     gpointer data)  
8. {  
9.   cairo_t *cr;  
10.   cr = gdk_cairo_create (widget->window);  
11.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
12.   cairo_rectangle(cr, 20, 20, 80, 50);  
13.   cairo_stroke_preserve(cr);  
14.   cairo_set_source_rgb(cr, 1, 1, 1);  
15.   cairo_fill(cr);  
16.   cairo_translate(cr, 150, 100);  
17.   cairo_rotate(cr, M_PI/2);  
18.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
19.   cairo_rectangle(cr, 20, 20, 80, 50);  
20.   cairo_stroke_preserve(cr);  
21.   cairo_set_source_rgb(cr, 1, 1, 1);  
22.   cairo_fill(cr);  
23.   cairo_destroy(cr);  
24.   returnFALSE;  
25. }  
26. int main(int argc,char *argv[])  
27. {  
28.   GtkWidget *window;  
29.   gtk_init(&argc, &argv);  
30.   window = gtk_window_new(GTK_WINDOW_TOPLEVEL);  
31.   g_signal_connect(window,"expose-event",  
32.       G_CALLBACK (on_expose_event), NULL);  
33.   g_signal_connect(window,"destroy",  
34.       G_CALLBACK (gtk_main_quit), NULL);  
35.   gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);  
36.   gtk_window_set_default_size(GTK_WINDOW(window), 300, 230);  
37.   gtk_widget_set_app_paintable(window, TRUE);  
38.   gtk_widget_show_all(window);  
39.   gtk_main();  
40.   return0;  
41. }  

#include

<cairo.h>

#include <gtk/gtk.h>

#include <math.h>

staticgboolean

on_expose_event(GtkWidget *widget,

GdkEventExpose *event,

gpointer data)

{

cairo_t *cr;

cr = gdk_cairo_create (widget->window);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 20, 20, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_translate(cr, 150, 100);

cairo_rotate(cr, M_PI/2);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 20, 20, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_destroy(cr);

returnFALSE;

}

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), 300, 230);

gtk_widget_set_app_paintable(window, TRUE);

gtk_widget_show_all(window);

gtk_main();

return0;

}

这个例子先是画了个矩形，然后对它进行了平移和旋转变换，并绘制出变换结果。

cairo_translate(cr, 150, 100); cairo_rotate(cr, M_PI/2);

首先对用户空间的原点进行平移，然后再围绕它旋转 180°。注意：旋转角度是弧度，而非角度。

缩放

下面这个例子演示了一个对象的缩放变换。（作者还真是沉闷阿，相同的句式连用了 n 次，这个可怜的矩形被折腾的痛苦不堪！）

[html] view plain copy print ?

1. #include <cairo.h>  
2. #include <gtk/gtk.h>  
3. staticgboolean  
4. on_expose_event(GtkWidget *widget,  
5.     GdkEventExpose *event,  
6.     gpointer data)  
7. {  
8.   cairo_t *cr;  
9.   cr = gdk_cairo_create (widget->window);  
10.   cairo_save(cr);  
11.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
12.   cairo_rectangle(cr, 20, 30, 80, 50);  
13.   cairo_stroke_preserve(cr);  
14.   cairo_set_source_rgb(cr, 1, 1, 1);  
15.   cairo_fill(cr);  
16.   cairo_restore(cr);  
17.   cairo_save(cr);  
18.   cairo_translate(cr, 130, 30);  
19.   cairo_scale(cr, 0.7, 0.7);  
20.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
21.   cairo_rectangle(cr, 0, 0, 80, 50);  
22.   cairo_stroke_preserve(cr);  
23.   cairo_set_source_rgb(cr, 1, 1, 1);  
24.   cairo_fill(cr);  
25.   cairo_restore(cr);  
26.   cairo_save(cr);  
27.   cairo_translate(cr, 220, 30);  
28.   cairo_scale(cr, 1.5, 1.5);  
29.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
30.   cairo_rectangle(cr, 0, 0, 80, 50);  
31.   cairo_stroke_preserve(cr);  
32.   cairo_set_source_rgb(cr, 1, 1, 1);  
33.   cairo_fill(cr);  
34.   cairo_restore(cr);  
35.   cairo_destroy(cr);  
36.   returnFALSE;  
37. }  
38. int main(int argc,char *argv[])  
39. {  
40.   GtkWidget *window;  
41.   gtk_init(&argc, &argv);  
42.   window = gtk_window_new(GTK_WINDOW_TOPLEVEL);  
43.   g_signal_connect(window,"expose-event",  
44.       G_CALLBACK (on_expose_event), NULL);  
45.   g_signal_connect(window,"destroy",  
46.       G_CALLBACK (gtk_main_quit), NULL);  
47.   gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);  
48.   gtk_window_set_default_size(GTK_WINDOW(window), 360, 140);  
49.   gtk_widget_set_app_paintable(window, TRUE);  
50.   gtk_widget_show_all(window);  
51.   gtk_main();  
52.   return0;  
53. }  

#include

<cairo.h>

#include <gtk/gtk.h>

staticgboolean

on_expose_event(GtkWidget *widget,

GdkEventExpose *event,

gpointer data)

{

cairo_t *cr;

cr = gdk_cairo_create (widget->window);

cairo_save(cr);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 20, 30, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_restore(cr);

cairo_save(cr);

cairo_translate(cr, 130, 30);

cairo_scale(cr, 0.7, 0.7);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 0, 0, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_restore(cr);

cairo_save(cr);

cairo_translate(cr, 220, 30);

cairo_scale(cr, 1.5, 1.5);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 0, 0, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_restore(cr);

cairo_destroy(cr);

returnFALSE;

}

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), 360, 140);

gtk_widget_set_app_paintable(window, TRUE);

gtk_widget_show_all(window);

gtk_main();

return0;

}

这次的例子是用指定的缩放因子，把初始的矩形变的小了点，然后又把它变的大了点。

cairo_save(cr); ... cairo_restore(cr);

若对初始的矩形完成两次缩放操作，需要将初始的变换矩阵保存一下，这个可通过 cairo_save() 和 cairo_restore() 函数来实现。

cairo_translate(cr, 130, 30); cairo_scale(cr, 0.7, 0.7);

这里首先将用户空间的原点平移了一下，然后又开始用 0.7 作为因子进行缩放变换。

错切

在下面的示例中，我们来实现错切变换。

[html] view plain copy print ?

1. #include <cairo.h>  
2. #include <gtk/gtk.h>  
3. staticgboolean  
4. on_expose_event(GtkWidget *widget,  
5.     GdkEventExpose *event,  
6.     gpointer data)  
7. {  
8.   cairo_t *cr;  
9.   cairo_matrix_t matrix;  
10.   cr = gdk_cairo_create (widget->window);  
11.   cairo_save(cr);  
12.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
13.   cairo_rectangle(cr, 20, 30, 80, 50);  
14.   cairo_stroke_preserve(cr);  
15.   cairo_set_source_rgb(cr, 1, 1, 1);  
16.   cairo_fill(cr);  
17.   cairo_restore(cr);  
18.   cairo_save(cr);  
19.   cairo_translate(cr, 130, 30);  
20.   cairo_matrix_init(&matrix,  
21.       1.0, 0.5,  
22.       0.0, 1.0,  
23.       0.0, 0.0);  
24.   cairo_transform (cr, &matrix);  
25.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
26.   cairo_rectangle(cr, 0, 0, 80, 50);  
27.   cairo_stroke_preserve(cr);  
28.   cairo_set_source_rgb(cr, 1, 1, 1);  
29.   cairo_fill(cr);  
30.   cairo_restore(cr);  
31.   cairo_save(cr);  
32.   cairo_translate(cr, 220, 30);  
33.   cairo_matrix_init(&matrix,  
34.       1.0, 0.0,  
35.       0.7, 1.0,  
36.       0.0, 0.0);  
37.   cairo_transform(cr, &matrix);  
38.   cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);  
39.   cairo_rectangle(cr, 0, 0, 80, 50);  
40.   cairo_stroke_preserve(cr);  
41.   cairo_set_source_rgb(cr, 1, 1, 1);  
42.   cairo_fill(cr);  
43.   cairo_restore(cr);  
44.   cairo_destroy(cr);  
45.   returnFALSE;  
46. }  
47. int main(int argc,char *argv[])  
48. {  
49.   GtkWidget *window;  
50.   gtk_init(&argc, &argv);  
51.   window = gtk_window_new(GTK_WINDOW_TOPLEVEL);  
52.   g_signal_connect(window,"expose-event",  
53.       G_CALLBACK(on_expose_event), NULL);  
54.   g_signal_connect(window,"destroy",  
55.       G_CALLBACK(gtk_main_quit), NULL);  
56.   gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);  
57.   gtk_window_set_default_size(GTK_WINDOW(window), 360, 140);  
58.   gtk_widget_set_app_paintable(window, TRUE);  
59.   gtk_widget_show_all(window);  
60.   gtk_main();  
61.   return0;  
62. }  

#include

<cairo.h>

#include <gtk/gtk.h>

staticgboolean

on_expose_event(GtkWidget *widget,

GdkEventExpose *event,

gpointer data)

{

cairo_t *cr;

cairo_matrix_t matrix;

cr = gdk_cairo_create (widget->window);

cairo_save(cr);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 20, 30, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_restore(cr);

cairo_save(cr);

cairo_translate(cr, 130, 30);

cairo_matrix_init(&matrix,

1.0, 0.5,

0.0, 1.0,

0.0, 0.0);

cairo_transform (cr, &matrix);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 0, 0, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_restore(cr);

cairo_save(cr);

cairo_translate(cr, 220, 30);

cairo_matrix_init(&matrix,

1.0, 0.0,

0.7, 1.0,

0.0, 0.0);

cairo_transform(cr, &matrix);

cairo_set_source_rgb(cr, 0.6, 0.6, 0.6);

cairo_rectangle(cr, 0, 0, 80, 50);

cairo_stroke_preserve(cr);

cairo_set_source_rgb(cr, 1, 1, 1);

cairo_fill(cr);

cairo_restore(cr);

cairo_destroy(cr);

returnFALSE;

}

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), 360, 140);

gtk_widget_set_app_paintable(window, TRUE);

gtk_widget_show_all(window);

gtk_main();

return0;

}

这份示例代码实现了两次错切变换。对于错切变换，没有特定的函数，必须使用矩阵来实现。

cairo_matrix_t matrix;

这个 cairo_matrix 是存储仿射变换的数据结构。 

cairo_matrix_init(&matrix, 1.0, 0.5, 0.0, 1.0, 0.0, 0.0); cairo_transform (cr, &matrix);

这一变换的数学形式可表示为：

cairo_matrix_init(&matrix, 1.0, 0.0, 0.7, 1.0, 0.0, 0.0); cairo_transform(cr, &matrix);

这一变换的数学形式可表示为：

椭圆

下面的这个例子，画了一个灰常复杂的形状，它由一串旋转的椭圆形成。

[html] view plain copy print ?

1. #include <cairo.h>  
2. #include <gtk/gtk.h>  
3. staticgboolean  
4. on_expose_event(GtkWidget *widget,  
5.     GdkEventExpose *event,  
6.     gpointer data)  
7. {  
8.   cairo_t *cr;  
9.   cr = gdk_cairo_create(widget->window);  
10.   gint width, height;  
11.   gtk_window_get_size(GTK_WINDOW(widget), &width, &height);  
12.   cairo_set_line_width(cr, 0.5);  
13.   cairo_translate(cr, width/2, height/2);  
14.   cairo_arc(cr, 0, 0, 120, 0, 2 * M_PI);  
15.   cairo_stroke(cr);  
16.   gint i;  
17.   cairo_save(cr);  
18.   for( i = 0; i < 36; i++) {  
19.       cairo_rotate(cr, i*M_PI/36);  
20.       cairo_scale(cr, 0.3, 1);  
21.       cairo_arc(cr, 0, 0, 120, 0, 2 * M_PI);  
22.       cairo_restore(cr);  
23.       cairo_stroke(cr);  
24.       cairo_save(cr);  
25.   }  
26.   cairo_destroy(cr);  
27.   returnFALSE;  
28. }  
29. int main(int argc,char *argv[])  
30. {  
31.   GtkWidget *window;  
32.   gtk_init(&argc, &argv);  
33.   window = gtk_window_new(GTK_WINDOW_TOPLEVEL);  
34.   g_signal_connect(G_OBJECT(window),"expose-event",  
35.       G_CALLBACK(on_expose_event), NULL);  
36.   g_signal_connect(G_OBJECT(window),"destroy",  
37.       G_CALLBACK(gtk_main_quit), NULL);  
38.   gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);  
39.   gtk_window_set_default_size(GTK_WINDOW(window), 350, 250);  
40.   gtk_widget_set_app_paintable(window, TRUE);  
41.   gtk_widget_show_all(window);  
42.   gtk_main();  
43.   return0;  
44. }  

#include

<cairo.h>

#include <gtk/gtk.h>

staticgboolean

on_expose_event(GtkWidget *widget,

GdkEventExpose *event,

gpointer data)

{

cairo_t *cr;

cr = gdk_cairo_create(widget->window);

gint width, height;

gtk_window_get_size(GTK_WINDOW(widget), &width, &height);

cairo_set_line_width(cr, 0.5);

cairo_translate(cr, width/2, height/2);

cairo_arc(cr, 0, 0, 120, 0, 2 * M_PI);

cairo_stroke(cr);

gint i;

cairo_save(cr);

for( i = 0; i < 36; i++) {

cairo_rotate(cr, i*M_PI/36);

cairo_scale(cr, 0.3, 1);

cairo_arc(cr, 0, 0, 120, 0, 2 * M_PI);

cairo_restore(cr);

cairo_stroke(cr);

cairo_save(cr);

}

cairo_destroy(cr);

returnFALSE;

}

int main(int argc,char *argv[])

{

GtkWidget *window;

gtk_init(&argc, &argv);

window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

g_signal_connect(G_OBJECT(window),"expose-event",

G_CALLBACK(on_expose_event), NULL);

g_signal_connect(G_OBJECT(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), 350, 250);

gtk_widget_set_app_paintable(window, TRUE);

gtk_widget_show_all(window);

gtk_main();

return0;

}

cairo_translate(cr, width/2, height/2); cairo_arc(cr, 0, 0, 120, 0, 2 * M_PI); cairo_stroke(cr);

在 GTK+ 的窗口中间，绘制了一个圆，它是那些椭圆的边界圆。

cairo_save(cr); for ( i = 0; i < 36; i++) { cairo_rotate(cr, i*M_PI/36); cairo_scale(cr, 0.3, 1); cairo_arc(cr, 0, 0, 120, 0, 2 * M_PI); cairo_restore(cr); cairo_stroke(cr); cairo_save(cr); }

沿着边界圆画 36 个椭圆。椭圆可用圆的缩放变换而获得。旋转这个椭圆，这样就创建了一个有趣的形状。

星星

下面的示例绘制了一个又旋转又缩放的星星，可惜不会发光呃。

[html] view plain copy print ?

1. #include <cairo.h>  
2. #include <gtk/gtk.h>  
3. #include <math.h>  
4. int points[11][2] = {  
5.     { 0, 85 },  
6.     { 75, 75 },  
7.     { 100, 10 },  
8.     { 125, 75 },  
9.     { 200, 85 },  
10.     { 150, 125 },  
11.     { 160, 190 },  
12.     { 100, 150 },  
13.     { 40, 190 },  
14.     { 50, 125 },  
15.     { 0, 85 }  
16. };  
17. staticgboolean  
18. on_expose_event(GtkWidget *widget,  
19.     GdkEventExpose *event,  
20.     gpointer data)  
21. {  
22.   cairo_t *cr;  
23.   staticgdouble angle = 0;  
24.   staticgdouble scale = 1;  
25.   staticgdouble delta = 0.01;  
26.   gint width, height;  
27.   gtk_window_get_size(GTK_WINDOW(widget), &width, &height);  
28.   cr = gdk_cairo_create(widget->window);  
29.   cairo_set_source_rgb(cr, 0, 0.44, 0.7);  
30.   cairo_set_line_width(cr, 1);  
31.   cairo_translate(cr, width / 2, height / 2 );  
32.   cairo_rotate(cr, angle);  
33.   cairo_scale(cr, scale, scale);  
34.   gint i;  
35.   for( i = 0; i < 10; i++ ) {  
36.       cairo_line_to(cr, points[i][0], points[i][1]);  
37.   }  
38.   cairo_close_path(cr);  
39.   cairo_fill(cr);  
40.   cairo_stroke(cr);  
41.   if( scale < 0.01 ) {  
42.       delta = -delta;  
43.   }else if (scale > 0.99) {  
44.       delta = -delta;  
45.   }  
46.   scale += delta;  
47.   angle += 0.01;  
48.   cairo_destroy(cr);  
49.   returnFALSE;  
50. }  
51. staticgboolean  
52. time_handler (GtkWidget *widget)  
53. {  
54.   if(widget->window == NULL) returnFALSE;  
55.   gtk_widget_queue_draw(widget);  
56.   returnTRUE;  
57. }  
58. int main(int argc,char *argv[])  
59. {  
60.   GtkWidget *window;  
61.   gtk_init(&argc, &argv);  
62.   window = gtk_window_new(GTK_WINDOW_TOPLEVEL);  
63.   gtk_widget_add_events (window, GDK_BUTTON_PRESS_MASK);  
64.   g_signal_connect(window,"expose-event",  
65.       G_CALLBACK(on_expose_event), NULL);  
66.   g_signal_connect(window,"destroy",  
67.       G_CALLBACK(gtk_main_quit), NULL);  
68.   gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);  
69.   gtk_window_set_title(GTK_WINDOW(window),"star");  
70.   gtk_window_set_default_size(GTK_WINDOW(window), 400, 300);  
71.   gtk_widget_set_app_paintable(window, TRUE);  
72.   g_timeout_add(10, (GSourceFunc) time_handler, (gpointer) window);   
73.   gtk_widget_show_all(window);  
74.   gtk_main();  
75.   return0;  
76. }  

#include

<cairo.h>

#include <gtk/gtk.h>

#include <math.h>

int points[11][2] = {

{ 0, 85 },

{ 75, 75 },

{ 100, 10 },

{ 125, 75 },

{ 200, 85 },

{ 150, 125 },

{ 160, 190 },

{ 100, 150 },

{ 40, 190 },

{ 50, 125 },

{ 0, 85 }

};

staticgboolean

on_expose_event(GtkWidget *widget,

GdkEventExpose *event,

gpointer data)

{

cairo_t *cr;

staticgdouble angle = 0;

staticgdouble scale = 1;

staticgdouble delta = 0.01;

gint width, height;

gtk_window_get_size(GTK_WINDOW(widget), &width, &height);

cr = gdk_cairo_create(widget->window);

cairo_set_source_rgb(cr, 0, 0.44, 0.7);

cairo_set_line_width(cr, 1);

cairo_translate(cr, width / 2, height / 2 );

cairo_rotate(cr, angle);

cairo_scale(cr, scale, scale);

gint i;

for( i = 0; i < 10; i++ ) {

cairo_line_to(cr, points[i][0], points[i][1]);

}

cairo_close_path(cr);

cairo_fill(cr);

cairo_stroke(cr);

if( scale < 0.01 ) {

delta = -delta;

}else if (scale > 0.99) {

delta = -delta;

}

scale += delta;

angle += 0.01;

cairo_destroy(cr);

returnFALSE;

}

staticgboolean

time_handler (GtkWidget *widget)

{

if(widget->window == NULL) returnFALSE;

gtk_widget_queue_draw(widget);

returnTRUE;

}

int main(int argc,char *argv[])

{

GtkWidget *window;

gtk_init(&argc, &argv);

window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

gtk_widget_add_events (window, GDK_BUTTON_PRESS_MASK);

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_title(GTK_WINDOW(window),"star");

gtk_window_set_default_size(GTK_WINDOW(window), 400, 300);

gtk_widget_set_app_paintable(window, TRUE);

g_timeout_add(10, (GSourceFunc) time_handler, (gpointer) window);

gtk_widget_show_all(window);

gtk_main();

return0;

}

在这个示例中，画了一颗星星，然后平移它，旋转它，缩放它。

cairo_translate(cr, width / 2, height / 2 ); cairo_rotate(cr, angle); cairo_scale(cr, scale, scale

先将星星平移到窗口中间，旋转它，缩放它。（作者还真不是一般的罗嗦）

for ( i = 0; i < 10; i++ ) { cairo_line_to(cr, points[i][0], points[i][1]); } cairo_close_path(cr); cairo_fill(cr); cairo_stroke(cr);

画它！

if ( scale < 0.01 ) { delta = -delta; } else if (scale > 0.99) { delta = -delta; }

这几行代码控制星星的缩放过程。

转自    http://blog.csdn.net/haiwil/article/details/6771768