使用Gnome Canvas实现图像缩放

续上文

 

Gnome Canvas的学习笔记（1）

http://blog.csdn.net/shallon_luo/archive/2009/08/18/4459943.aspx

 

3.4 续 仿射变换

上文说到了仿射变换，这里详细说说仿射变换。下图是常用的仿射变换：旋转、倾斜、平移、缩放。常常用来实现这几种变换的组合。

 

平面中的一个点为(x,y)，其向量表示为(x,y,1)。点A的仿射变换可以表示为3＊3的矩阵和3*1的向量的乘积。下图可以看到旋转、倾斜、平移、缩放的仿射变换如下：

 

 

点(x,y)的缩放变换如上面所示。可以看到，当缩放变换的时候，整个坐标系都缩放了，每个点都缩放了。如果要实现局部图像缩放则需要另外的计算方法（下面中描述）。

 

3.5The libart library类库

GNomeCanvas 使用了The libart library对屏幕图像进行仿射变换，仿射变换矩阵在LIBART中的表示为： The libart library

 

 

LIBART主要提供了下面的函数进行矩阵变换。

 

void        art_affine_scale                (double dst[6],
                                             double sx,
                                             double sy);
void        art_affine_rotate               (double dst[6],
                                             double theta);
void        art_affine_shear                (double dst[6],
                                             double theta);
void        art_affine_translate            (double dst[6],
                                             double tx,

void        art_affine_multiply             (double dst[6],
                                             const double src1[6],
                                             const double src2[6]);

最后的一个函数是矩阵相乘的函数。用来实现各种原子变换的复合变换

 

 

3.7局部图像缩放及平移的仿射变换实现方法。

如果需要将一个局部的矩形缩放和平移，需要避免整个坐标系一同缩放，方法是，先把图像“移到坐标原点处再缩放”。例如：将图像从（button_old_x，button_old_y）移动到（button_x，button_y）横坐标缩放wfactor，纵坐标缩放hfactor的实现方法如下：
static void my_affine(  gdouble *affine,gdouble button_old_x,gdouble button_old_y,gdouble button_x,gdouble button_y,gdouble wfactor,gdouble hfactor){
        gdouble move_affine[6];
        gdouble scale_affine[6];
        gdouble temp_affine[6];
        gchar str[128];

        art_affine_translate(move_affine, -1*button_old_x, -1*button_old_y);／／图像移到原点的矩阵变换
        art_affine_scale(scale_affine, wfactor, hfactor);／／图像缩放
        art_affine_multiply(temp_affine,move_affine,scale_affine);／／变换复合
        art_affine_translate(move_affine, button_x, button_y);／／平移到目标位置
        art_affine_multiply(affine,temp_affine,move_affine);／／变换复合

}

3.8 一个GnomeCanvas的使用仿射的局部代码

 

GnomeCanvasItem * canvasgroupitem[15];

gdouble affine[6];

 

.....

 

        get_scroll_affine(affine,button_x1,button_y1,button_x,button_y,button_width/(button_x2-button_x1),button_height/(button_y2-button_y1));

        gnome_canvas_item_affine_relative(canvasgroupitem[i], affine);