精靈頁(yè)是保存在一個(gè)圖像文件上的所有圖片。如果你想處理很多圖片，但又不想處理很多圖像文件的話是非常有用的。你可以在Blit的時(shí)候?qū)σ徊糠诌M(jìn)行剪切，這樣就能夠得到單個(gè)的圖片，下面我們就看看怎么樣從一張精靈頁(yè)上剪切一張圖片。

// The?surfaces
SDL_Surface? * dots? = ?NULL;
SDL_Surface? * screen? = ?NULL;

// The?event?structure
SDL_Event? event ;

// The?portions?of?the?sprite?map?to?be?blitted
SDL_Rect?clip[? 4 ?];

以上是一些全局的變量。屏幕表面，事件是我們看到過(guò)的。我們也有一個(gè)保存所有圓點(diǎn)精靈的表面，也就是精靈頁(yè)。最后是定義了一個(gè)有四個(gè)元素的數(shù)組，它們將保存4個(gè)圓點(diǎn)精靈的偏移和尺寸。

void ?apply_surface(? int ?x,? int ?y,?SDL_Surface * ?source,?SDL_Surface * ?destination,?SDL_Rect * ?clip? = ?NULL?)
{
???? // Holds?offsets
????SDL_Rect?offset;
????
???? // Get?offsets
????offset.x? = ?x;
????offset.y? = ?y;
????
???? // Blit
????SDL_BlitSurface(?source,?clip,?destination,? & offset?);
}

以上是我們的Blit函數(shù)，比起前幾篇教程的函數(shù)略有不同。我們?cè)诤瘮?shù)中加了一個(gè)SDL_Rect參數(shù)，該參數(shù)傳遞我們要剪切的源表面的哪一部分表面。

??? // Clip?range?for?the?top?left
????clip[? 0 ?].x? = ? 0 ;
????clip[? 0 ?].y? = ? 0 ;
????clip[? 0 ?].w? = ? 100 ;
????clip[? 0 ?].h? = ? 100 ;
????
???? // Clip?range?for?the?top?right
????clip[? 1 ?].x? = ? 100 ;
????clip[? 1 ?].y? = ? 0 ;
????clip[? 1 ?].w? = ? 100 ;
????clip[? 1 ?].h? = ? 100 ;
????
???? // Clip?range?for?the?bottom?left
????clip[? 2 ?].x? = ? 0 ;
????clip[? 2 ?].y? = ? 100 ;
????clip[? 2 ?].w? = ? 100 ;
????clip[? 2 ?].h? = ? 100 ;
????
???? // Clip?range?for?the?bottom?right
????clip[? 3 ?].x? = ? 100 ;
????clip[? 3 ?].y? = ? 100 ;
????clip[? 3 ?].w? = ? 100 ;
????clip[? 3 ?].h? = ? 100 ;

在主函數(shù)中，當(dāng)所有的東西都準(zhǔn)備就緒了，我們就開(kāi)始設(shè)置一下剪切區(qū)域
假設(shè)我們要剪切如下的精靈頁(yè)：

我們把要剪切的矩形設(shè)置成指定的區(qū)域。

?

現(xiàn)在我們用SDL_FillRect()函數(shù)把屏幕填充成白色，該函數(shù)有二個(gè)參數(shù)，第一個(gè)就是要填充的表面，第二個(gè)就是顏色了。

現(xiàn)在我們就開(kāi)始Blit精靈，注意，我們每次Blit的源都是同一個(gè)，只是我們選取了不同的區(qū)域而已。

最后的結(jié)果就如下了。