2021-10-232Chap 5 圖像的瀏覽與控制圖像的瀏覽與控制是圖像處理的重要部分，VB的PictureBox和Image等控件對圖像的簡單瀏覽和控制提供了支持。本章主要介紹幾種圖像瀏覽的特殊效果、圖像文件格式的轉(zhuǎn)換、圖像的復(fù)制及旋轉(zhuǎn)縮放等功能的實(shí)現(xiàn)。2021-10-233一 瀏覽各種圖像文件VB的PictureBox和Image等控件對圖像進(jìn)行的簡單瀏覽和控制，而且支持包括bmp、jpg、gif在內(nèi)的多種圖像格式，但不支持圖像的滾動控制等其它效果，但可以通過程序控制實(shí)現(xiàn)使用滾動條控制圖像、顯示透明位圖以及多種特殊效果的圖像顯示。5.1.1 圖像滾動控制利用圖像漫游技術(shù)，對一幅圖首先建立一個(gè)邏輯坐標(biāo)系，然后根據(jù)當(dāng)前位置在用戶坐標(biāo)系中顯示不同的區(qū)域，用戶坐標(biāo)系一般為圖像顯示的整個(gè)區(qū)域的大小。示例示例2021-10-2345.1.2 圖片特技顯示滾動、拉近、百葉窗和馬賽克等效果。利用VB的PictureBox控件可實(shí)現(xiàn)多種特殊效果。利用PictureBox控件的PaintPicture圖形方法可以繪制圖片，原型為：Object.PaintPicture picture, x1,y1, w1,h1, x2,y2, w2,h2, opcodeObject : 顯示圖片的容器Picture是將要繪制到Object的圖形源x1,y1,w1,h1 指定繪制的目標(biāo)坐標(biāo)、寬度及高度x2,y2, w2,h2指定剪貼區(qū)內(nèi)（源）的坐標(biāo)、寬度及高度Opcode 定義繪制到目標(biāo)時(shí)對圖片做的位操作示例示例1示例示例22021-10-2355.1.3 圖像平鋪效果用一幅小圖去覆蓋一個(gè)窗口或者窗口的一部分，這些圖以原來的尺寸作為背景排列在要覆蓋的窗口上，這種技術(shù)叫平鋪。VB實(shí)現(xiàn)平鋪需使用Windows API和一些圖形技術(shù)，需使用兩個(gè)API函數(shù)Bitblt和GetDC。Public Declare Function BitBlt Lib gdi32 Alias BitBlt (ByVal hDestDC As Long, ByVal x As Long, ByVal y As Long, ByVal nWidth As Long, ByVal nHeight As Long, ByVal hSrcDC As Long, ByVal xSrc As Long, ByVal ySrc As Long, ByVal dwRop As Long) As LongBitBlt函數(shù)是API函數(shù)中進(jìn)行圖像處理最常用的函數(shù)，可以方便地顯示各種圖像文件，也可以實(shí)現(xiàn)特殊顯示效果。示例示例2021-10-2365.1.4 雨滴效果雨滴效果利用BitBlt、CreateCompatileDC、SelectObject和DeleteDC等函數(shù)實(shí)現(xiàn)顯示圖片的雨滴效果。示例示例2021-10-237二二 圖像文件格式轉(zhuǎn)換圖像文件格式轉(zhuǎn)換計(jì)算機(jī)技術(shù)的發(fā)展，BMP、GIF和JPEG等圖像格式已成為主流。5.2.1 幾種圖像文件格式介紹不同圖像格式有著不同的數(shù)據(jù)存儲方法，因而產(chǎn)生不同的文件大小。2021-10-238BMP文件格式 一種與硬件設(shè)備無關(guān)的圖像文件格式，使用非常廣泛 采用位映射存儲格式，除了圖像深度可選外不采用其它任何壓縮，占用空間很大 文件深度可為1bit、4bit、8bit及24bit 掃描方式為從左到右、從下到上的順序 在Windows環(huán)境中運(yùn)行的圖形圖像軟件均支持 文件由三部分構(gòu)成：v位圖文件頭數(shù)據(jù)結(jié)構(gòu)：類型、寬、高、壓縮方法等v位圖信息數(shù)據(jù)結(jié)構(gòu)：位圖實(shí)際顯示內(nèi)容v調(diào)色板： 顏色定義： P2022021-10-239GIF文件格式圖像互換格式(Graphics Interchange Format)，是一種基于LZW算法的連續(xù)色調(diào)的無損壓縮格式。壓縮率一般在50%，目前幾乎所有軟件都支持文件數(shù)據(jù)是經(jīng)過壓縮的，而且采用了可變長度壓縮算法（支持1-8位，最多256種色彩）在一個(gè)GIF文件中可以存多幅彩色圖像，如果將存在一個(gè)文件中的多幅圖像逐幅讀出來并顯示在屏幕上就可構(gòu)成一種最簡單的動畫。GIF解碼較快，采用隔行存放GIF圖像，在邊解碼邊顯示時(shí)可分成四遍掃描，明顯提高顯示速度。2021-10-2310JPEG 文件格式圖像聯(lián)合專家組(Joint Photographic Experts Group)，制定的一種很常用的圖像文件格式。一種有損壓縮格式，能夠?qū)D像壓縮在很小的儲存空間，圖像中重復(fù)或不重要的資料會被丟失，因此容易造成圖像數(shù)據(jù)的損傷。壓縮比率與圖像品質(zhì)之間的平衡點(diǎn)應(yīng)用非常廣泛，目前各類瀏覽器均支持，因?yàn)槠溆兄募L度小，下載速度快的特點(diǎn)。2021-10-23115.2.2彩色位圖轉(zhuǎn)換從每個(gè)像素的顏色中提取其R、G、B分量的值，然后轉(zhuǎn)換為對應(yīng)的灰度分量。紅色分量：RedValue = rgbColor And &HFF&綠色分量：GreenValue = (rgbColor And &HFF00&) / 256藍(lán)色分量：BlueValue = (rgbColor& And &HFF0000) / 655362021-10-2312將rgb顏色轉(zhuǎn)換為灰色GrayValue = (9798 * RValue + 19235 * GValue + 3735 * BValue) / 32768 或GrayValue = 0.299 * RValue + 0.587 * GValue + 0.114 * BValuergbColor = RGB(Gray, Gray, Gray) 示例示例2021-10-23135.2.3 BMP位圖格式轉(zhuǎn)換將BMP位圖與ICON圖標(biāo)格式之間互相轉(zhuǎn)換。使用了較多的API函數(shù)：v BitBltv CreateCompatibleBitmapv CreateCompatibleDCv SelectObjectv DeleteDCv DeleteObjectv CreateIconIndirectv OleCreatePictureIndirectv GetIconInfov SetBKColorv CreateBitmap示例示例2021-10-2314三 圖像的復(fù)制與保存圖像的復(fù)制與保存是圖像處理的重要內(nèi)容，主要包括圖像的區(qū)域復(fù)制以及如何保存繪圖內(nèi)容到BMP文件。5.3.1 圖像的區(qū)域復(fù)制用鼠標(biāo)在一個(gè)BMP圖形中選定某區(qū)域后復(fù)制到指定的圖片框內(nèi)。示例示例2021-10-23153.1 圖像的保存拷備當(dāng)前屏幕，將拷貝結(jié)果保存為一幅BMP位圖。BMP位圖的保存需要設(shè)置相應(yīng)的文件頭信息和調(diào)色板信息，然后再將圖片內(nèi)容保存。應(yīng)用了較多的API函數(shù)。示例示例2021-10-2316四、圖像的縮放與翻轉(zhuǎn)四、圖像的縮放與翻轉(zhuǎn)圖像的縮放與翻轉(zhuǎn)是圖像處理技術(shù)的重要內(nèi)容，針對不同的圖形控件可以使用不同的方法實(shí)現(xiàn)縮小、放大和旋轉(zhuǎn)功能。4.1 翻轉(zhuǎn)放大位圖可以用PictureBox控件的PaintPicture方法實(shí)現(xiàn)翻轉(zhuǎn)與放大位圖的功能。翻轉(zhuǎn)圖形只需要改變坐標(biāo)系放大圖形可通過改變目標(biāo)圖形的寬度和高度實(shí)現(xiàn)旋轉(zhuǎn)圖形需要對原始圖片按行和列的順序掃描像素點(diǎn)，然后在目標(biāo)圖形區(qū)域顛倒行和列的順序繪制像素點(diǎn)，逐點(diǎn)處理，花費(fèi)一些時(shí)間。示例示例2021-10-23174.2 Image控件的位圖縮放用Image控件的Strech方法實(shí)現(xiàn)做任意大小的圖形縮放。4.3 圖像任意角度旋轉(zhuǎn)利用API函數(shù)和系統(tǒng)剪切板可實(shí)現(xiàn)圖像的任意角度旋轉(zhuǎn)，其中BitBlt可用于圖像旋轉(zhuǎn)前的復(fù)制，需SetPixel實(shí)現(xiàn)旋轉(zhuǎn)后圖像的像素顏色的設(shè)置。示例示例示例示例2021-10-2318本章小結(jié)本章小結(jié)主要介紹了利用API函數(shù)和VB的圖形方法對圖像進(jìn)行瀏覽與控制。主要包括幾種瀏覽各種圖像文件、圖像文件格式轉(zhuǎn)換、圖像的復(fù)制與保存以及圖像縮放與翻轉(zhuǎn)。2021-10-2319Chap 6 圖像的藝術(shù)效果圖像的藝術(shù)效果主要包含圖像的合成技術(shù)、圖像的淡入/淡出以及銳化、浮雕等濾鏡技術(shù)。2021-10-23206.1 圖像合成圖像合成圖像合成技術(shù)是將兩幅或多幅圖像按照一圖像合成技術(shù)是將兩幅或多幅圖像按照一定的方式疊加在一起，要實(shí)現(xiàn)這樣的合成效果，定的方式疊加在一起，要實(shí)現(xiàn)這樣的合成效果，可以利用光柵（可以利用光柵（Raster）技術(shù)，又稱光柵運(yùn)算。）技術(shù)，又稱光柵運(yùn)算。光柵運(yùn)算實(shí)際上就是決定通過哪種方式讓光柵運(yùn)算實(shí)際上就是決定通過哪種方式讓兩個(gè)像素結(jié)合在一起，如可以讓兩個(gè)像素的值兩個(gè)像素結(jié)合在一起，如可以讓兩個(gè)像素的值進(jìn)行進(jìn)行AND或或OR等運(yùn)算。等運(yùn)算。Windows總共提供了總共提供了16個(gè)二元光柵操作。個(gè)二元光柵操作。2021-10-2321二元光柵操作（二元光柵操作（1-81-8）R2_BLACK像素總是黑色像素總是黑色R2_WHITE像素總是白色像素總是白色R2_NOP像素保持不變像素保持不變R2_NOT像素是屏幕顏色的像素是屏幕顏色的“反反”（NOT操作）操作）R2_COPYPEN像素是畫筆顏色像素是畫筆顏色R2_NOTCOPYPEN像素是畫筆顏色的像素是畫筆顏色的“反反”（NOT操作）操作）R2_MERGEPENNOT屏幕顏色的屏幕顏色的“反反”，與畫筆顏色進(jìn)行，與畫筆顏色進(jìn)行OR運(yùn)算運(yùn)算R2_MASKPENNOT屏幕顏色的屏幕顏色的“反反”，與畫筆顏色進(jìn)行，與畫筆顏色進(jìn)行AND運(yùn)算運(yùn)算2021-10-2322二元光柵操作（二元光柵操作（9-169-16）R2_MERGENOTPEN畫筆顏色的畫筆顏色的“反反”，與屏幕顏色進(jìn)行，與屏幕顏色進(jìn)行OR運(yùn)算運(yùn)算R2_MASKNOTPEN畫筆顏色的畫筆顏色的“反反”，與屏幕顏色進(jìn)行，與屏幕顏色進(jìn)行AND運(yùn)算運(yùn)算R2_MERGEPEN畫筆顏色與屏幕顏色進(jìn)行畫筆顏色與屏幕顏色進(jìn)行OR運(yùn)算運(yùn)算R2_NOTMERGEPEN畫筆顏色與屏幕顏色進(jìn)行畫筆顏色與屏幕顏色進(jìn)行OR運(yùn)算后再取反運(yùn)算后再取反R2_MASKPEN畫筆顏色與屏幕顏色進(jìn)行畫筆顏色與屏幕顏色進(jìn)行AND運(yùn)算運(yùn)算R2_NOTMASKPEN畫筆顏色與屏幕顏色進(jìn)行畫筆顏色與屏幕顏色進(jìn)行AND運(yùn)算后再取反運(yùn)算后再取反R2_XORPEN畫筆顏色與屏幕顏色進(jìn)行畫筆顏色與屏幕顏色進(jìn)行XOR運(yùn)算運(yùn)算R2_NOTXORPEN畫筆顏色與屏幕顏色進(jìn)行畫筆顏色與屏幕顏色進(jìn)行XOR運(yùn)算后再取反運(yùn)算后再取反2021-10-2323圖像合成的主要過程：圖像合成的主要過程：（1）準(zhǔn)備兩個(gè)位圖，一個(gè)作為背景圖，一個(gè)是將要成為透明圖像的源位圖，即前景圖；（2）取得原位圖的長、寬數(shù)據(jù)，依此數(shù)據(jù)保存一塊與源位圖同樣大小的背景位圖。源位圖將在此背景位圖上繪制。通過白色像素顯示位圖的透明區(qū)域，黑色像素顯示位圖的不透明區(qū)域，創(chuàng)建位圖透明的單色掩碼；（3）用單色掩碼像素與背景圖進(jìn)行“與”（AND）運(yùn)算，不透明的區(qū)域背景色顯示為黑色。2021-10-2324圖像合成的主要過程（續(xù)）：圖像合成的主要過程（續(xù)）：（4）用單色掩碼建立一個(gè)反色位圖，以此反色位圖與源位圖進(jìn)行進(jìn)行“與”（AND）運(yùn)算，源位圖透明區(qū)域顯示為黑色；（5）用第（3）步得到的背景圖與第（4）步得到的源位圖進(jìn)行“異或”（XOR）運(yùn)算，使得可以透過透明位圖看到背景圖；（6）將所得到的結(jié)果位圖復(fù)制到背景圖。示例示例2021-10-23256.2 6.2 圖像淡入圖像淡入/ /淡出淡出淡入：畫面由背景色逐漸變化為圖像中各像素淡入：畫面由背景色逐漸變化為圖像中各像素原始的像素值；原始的像素值；淡出：畫面圖像的像素顏色逐漸變化為背景色；淡出：畫面圖像的像素顏色逐漸變化為背景色；示例示例2021-10-23266.3 6.3 圖像濾鏡效果圖像濾鏡效果使用濾鏡相當(dāng)于在圖像上放一個(gè)過濾鏡頭，使原來的圖像發(fā)生變化，從而產(chǎn)生特殊的顯示效果。濾鏡效果包括：柔化，銳化，浮雕，擴(kuò)散，扭曲，馬賽克等。示例示例2021-10-2327Chap 7 文本處理技巧7.1 7.1 滾動文字滾動文字示例示例2021-10-2328Chap 7 文本處理技巧7.2 7.2 旋轉(zhuǎn)文字旋轉(zhuǎn)文字示例示例1. 豎排文字豎排文字示例示例2. 旋轉(zhuǎn)彩色文字旋轉(zhuǎn)彩色文字2021-10-23297.3 7.3 藝術(shù)字效果藝術(shù)字效果示例示例1. 顏色漸變文本顏色漸變文本示例示例2. 閃爍文字閃爍文字2021-10-23307.4 7.4 文字動畫效果文字動畫效果示例示例1. 伸縮文字伸縮文字示例示例2. 消失字幕消失字幕2021-10-2331THE END of This Part