cairo简单使用指南

 

1. 画圆弧
cairo_public void
cairo_arc (cairo_t *cr,
           double xc, double yc,
           double radius,
           double angle1, double angle2);
    
2. 填充颜色
cairo_public void
cairo_set_source_rgb (cairo_t *cr, double red, double green, double blue);
cairo_public void
cairo_fill (cairo_t *cr);
EX： 填充红色矩阵
cairo_set_source_rgb (cr, 1, 0, 0);
cairo_rectangle(20, 20, 100, 100);
cairo_fill(cr);

3. 填充图案
cairo_surface_t *surface = cairo_image_surface_create_from_png("maple.png");
cairo_pattern_t *pattern = cairo_pattern_create_for_surface(surface);
cairo_set_source(cr, pattern);
cairo_pattern_set_extend(cairo_get_source(cr), CAIRO_EXTEND_REPEAT); //让图案如瓦片那样填充于形状内部
cairo_arc(cr, 200, 70, 50, 0.2*M_PI, 0.8*M_PI);
cairo_fill(cr);

4. 颜色渐变
cairo_pattern_t *pattern = cairo_pattern_create_linear(20.0, 260.0, 20.0, 360.0);
cairo_pattern_add_color_stop_rgb(pattern, 0.1, 0, 0, 0); //线段从0到1/10是黑色
cairo_pattern_add_color_stop_rgb(pattern, 0.5, 1, 1, 0); //从1/10到0.5由黑色渐变到黄色
cairo_pattern_add_color_stop_rgb(pattern, 0.9, 0, 0, 0); //从0.5到0.9由黄色渐变到黑色，剩下都是黑色
cairo_rectangle(cr, 20, 260, 300, 100);
cairo_set_source(cr, pattern); //将竖线pattern对应到矩形中
cairo_fill(cr);

5. 设置透明度
cairo_public void
cairo_set_source_rgba (cairo_t *cr,
                       double red, double green, double blue,
                       double alpha); //alpha为0时全透明，为1时不透明
       
6. 图片的淡出
cairo_surface_t *surface = cairo_image_surface_create_from_png("maple.png");
// 一下放在一个timer回调里，不断方便alpha的值达到图片的淡出效果
timer_cb
{
 cairo_set_source_surface(cr, surface, 10, 10); //将载入的图片设置为源
 cairo_paint_w