在使用ASP的時(shí)候，我們時(shí)常要借助第三方控件來(lái)實(shí)現(xiàn)一些圖象功能。而現(xiàn)在，ASP.NET的推出，我們已經(jīng)沒(méi)有必要再使用第三方控件來(lái)實(shí)現(xiàn)，因?yàn)锳SP.NET已經(jīng)具有強(qiáng)大的功能來(lái)實(shí)現(xiàn)一些圖象處理?，F(xiàn)在，我們就來(lái)看看怎樣使用ASP.NET的這一強(qiáng)大功能。

一、System.Drawing的使用

以下的舉例將演示在內(nèi)存中生成一張圖片，然后，將這張圖片通過(guò)網(wǎng)頁(yè)顯示出來(lái)。需要了解的是，我們這里輸出的不是HTML效果，而是實(shí)實(shí)在在的圖片（圖象），我們可以使用“另存為…”將輸出圖象保存起來(lái)。

我們先來(lái)看看效果：

我們看到，這張圖片是一個(gè)漸變背景上有“看見(jiàn)了嗎”幾個(gè)字，當(dāng)然，這個(gè)效果在PhotoShop等圖象處理軟件里面很容易實(shí)現(xiàn)，但是，一些與數(shù)據(jù)庫(kù)結(jié)合 的應(yīng)用我們不可能將所有圖片都事先設(shè)計(jì)出來(lái)，這時(shí)候，利用ASP.NET來(lái)實(shí)現(xiàn)這些功能就顯得很重要了。我們來(lái)看源代碼：

<%@pagelanguage="vb"contenttype="image/jpeg"%>

<%@importnamespace="system.drawing"%>

<%@importnamespace="system.drawing.imaging"%>

<%@importnamespace="system.drawing.drawing2d"%>

<%

'清空Response

response.clear

'建立一個(gè)120*30大小，24bit的BMP圖象；

dimimgOutputasNewbitmap(120,30,pixelformat.format24bpprgb)

'根據(jù)以上BMP建立一個(gè)新圖象；

dimgasgraphics=graphics.fromimage(imgOutput)

g.clear(color.Green)

g.smoothingMode=smoothingMode.antiAlias

g.drawString("看見(jiàn)了嗎？",Newfont("黑體",16,fontstyle.bold),newSolidBrush(Color.White),NewpointF(2,4))

g.FillRectangle(NewlinearGradientBrush(Newpoint(0,0),Newpoint(120,30),color.fromArgb(0,0,0,0),

color.fromArgb(255,255,255,255)),0,0,120,30)

imgOutput.save(response.outputstream,imageformat.jpeg)

g.dispose()

imgOutput.dispose()

response.end

%>

在以上代碼中，我們看到和數(shù)據(jù)庫(kù)程序不同，這里專(zhuān)門(mén)引入了圖象處理的名字空間system.drawing等。程序首先清空了Response，確保沒(méi) 有輸出；然后，程序建立了一個(gè)120乘30大的BMP圖象，再在這個(gè)基礎(chǔ)上建立一個(gè)新圖象，建立圖象以后，我們首先“畫(huà)”出了字符串“看見(jiàn)了嗎”，該字符 串為16大粗黑體，顏色為白色，位置為（2，4）；最后，我們實(shí)現(xiàn)漸變效果。

以上舉例很簡(jiǎn)單，但是如果和數(shù)據(jù)庫(kù)結(jié)合，我們可以實(shí)現(xiàn)很多使用ASP可能不敢想的效果。

二、讀取和改變圖象文件大小

讀取圖片？直接使用HTML不就可以了？當(dāng)然可以，我們這里只是提供一種選擇和方法來(lái)實(shí)現(xiàn)這一功能，具體這一功能的使用，我們可能需要在實(shí)踐中更多的學(xué)習(xí)。先來(lái)看程序源代碼：

<%'importallrelevantnamespaces%>

<%@importnamespace="System"%>

<%@importnamespace="System.Drawing"%>

<%@importnamespace="System.Drawing.Imaging"%>

<%@importnamespace="System.IO"%>

<scriptrunat="server">

SubsendFile()

dimgasSystem.Drawing.Image=System.Drawing.Image.FromFile(server.mappath(request("src")))

dimthisFormat=g.rawformat

dimimgOutputasNewBitmap(g,cint(request("width")),cint(request("height")))

ifthisformat.equals(system.drawing.imaging.imageformat.Gif)then

response.contenttype="image/gif"

else

response.contenttype="image/jpeg"

endif

imgOutput.save(response.outputstream,thisformat)

g.dispose()

imgOutput.dispose()

endsub

SubsendError()

dimimgOutputasNewbitmap(120,120,pixelformat.format24bpprgb)

dimgasgraphics=graphics.fromimage(imgOutput)

g.clear(color.yellow)

g.drawString("錯(cuò)誤！",Newfont("黑體",14,fontstyle.bold),systembrushes.windowtext,NewpointF(2,2))

response.contenttype="image/gif"

imgOutput.save(response.outputstream,imageformat.gif)

g.dispose()

imgOutput.dispose()

endsub

</script>

<%

response.clear

ifrequest("src")=""orrequest("height")=""orrequest("width")=""then

callsendError()

else

iffile.exists(server.mappath(request("src")))then

callsendFile()

else

callsendError()

endif

endif

response.end

%>

在以上的程序中，我們看到兩個(gè)函數(shù)，一個(gè)是SendFile，這一函數(shù)主要功能為顯示服務(wù)器上的圖片，該圖片的大小通過(guò)Width和Height設(shè)置， 同時(shí)，程序會(huì)自動(dòng)檢測(cè)圖片類(lèi)型；另外一個(gè)是SendError，這一函數(shù)的主要功能為服務(wù)器上的圖片文件不存在時(shí)，顯示錯(cuò)誤信息，這里很有趣，錯(cuò)誤信息也 是通過(guò)圖片給出的（如圖）：

以上的程序顯示圖片并且改變圖片大小，現(xiàn)在，我們將這個(gè)程序進(jìn)一步，顯示圖片并且保持圖片的長(zhǎng)寬比例，這樣，和實(shí)際應(yīng)用可能比較接近，特別是需要制作電子相冊(cè)或者是圖片網(wǎng)站的時(shí)候比較實(shí)用。我們先來(lái)看主要函數(shù)：

FunctionNewthumbSize(currentwidth,currentheight)

dimtempMultiplierasDouble

ifcurrentheight>currentwidththen

tempMultiplier=200/currentheight

Else

tempMultiplier=200/currentwidth

endif

dimNewSizeasNewSize(CInt(currentwidth*tempMultiplier),CInt(currentheight*tempMultiplier))

returnNewSize

EndFunction

以上程序是增加的一個(gè)函數(shù)NewthumbSize，該函數(shù)專(zhuān)門(mén)處理改變一會(huì)的圖片大小，這個(gè)圖片的長(zhǎng)寬和原圖片的長(zhǎng)寬保持相同比例。其他部分請(qǐng)參考上文程序代碼。

三、畫(huà)圖特效

如果只是將圖片顯示在網(wǎng)頁(yè)上，這樣未免顯得簡(jiǎn)單?，F(xiàn)在，我們來(lái)進(jìn)一步感受ASP.NET的強(qiáng)大功能。我們將學(xué)習(xí)圖象處理中常用的圖象反轉(zhuǎn)、圖象切割、圖象拉伸等技巧。

先來(lái)看看程序效果：

仔細(xì)看，我們可以找到各種圖象處理效果?，F(xiàn)在，我們來(lái)看看程序代碼：

<%@PageLanguage="vb"Debug="True"%>

<%@importnamespace="system.drawing"%>

<%@importnamespace="system.drawing.imaging"%>

<%@importnamespace="system.drawing.drawing2d"%>

<%

dimstrFilenameasstring

dimiasSystem.Drawing.Image

strFilename=server.mappath("./chris-fsck.jpg")

i=System.Drawing.Image.FromFile(strFilename)

dimbasNewsystem.drawing.bitmap(i.width,i.height,pixelformat.format24bpprgb)

dimgasgraphics=graphics.fromimage(b)

g.clear(color.blue)

'旋轉(zhuǎn)圖片

i.RotateFlip(System.Drawing.RotateFlipType.Rotate90FlipX)

g.drawimage(i,Newpoint(0,0))

i.RotateFlip(System.Drawing.RotateFlipType.Rotate270FlipY)

g.RotateTransform(10)

g.drawimage(i,Newpoint(0,0))

g.RotateTransform(10)

g.drawimage(i,Newpoint(20,20))

g.RotateTransform(10)

g.drawimage(i,Newpoint(40,40))

g.RotateTransform(10)

g.drawimage(i,Newpoint(40,40))

g.RotateTransform(-40)

g.RotateTransform(90)

g.drawimage(i,Newrectangle(100,-400,100,50),Newrectangle(20,20,i.width-20,i.height-20),GraphicsUnit.Pixel)

g.RotateTransform(-90)

'拉伸圖片

g.drawimage(i,Newrectangle(10,10,50,50),Newrectangle(20,20,i.width-20,i.height-20),GraphicsUnit.Pixel)

g.drawimage(i,Newrectangle(50,10,90,50),Newrectangle(20,20,i.width-20,i.height-20),GraphicsUnit.Pixel)

g.drawimage(i,Newrectangle(110,10,150,50),Newrectangle(20,20,i.width-20,i.height-20),GraphicsUnit.Pixel)

'切割圖片

g.drawimage(i,50,100,Newrectangle(180,80,60,110),GraphicsUnit.Pixel)

g.drawimage(i,140,100,Newrectangle(180,80,60,110),GraphicsUnit.Pixel)

'旋轉(zhuǎn)圖片

i.RotateFlip(System.Drawing.RotateFlipType.Rotate180FlipX)

g.drawimage(i,230,100,Newrectangle(180,110,60,110),GraphicsUnit.Pixel)

response.contenttype="image/jpeg"

b.save(response.outputstream,imageformat.jpeg)

b.dispose()

%>

在以上的程序中，我們看到實(shí)現(xiàn)圖象處理的各種技巧，仔細(xì)觀察，我們可以知道旋轉(zhuǎn)圖片其實(shí)是用了一個(gè)RotateFlip方法；而切割和拉伸圖片，完全是通過(guò)設(shè)置DrawImage的不同參數(shù)來(lái)實(shí)現(xiàn)。

四、總結(jié)

ASP.NET的圖象處理可以實(shí)現(xiàn)的功能很多，我們?cè)谶@里其實(shí)只是簡(jiǎn)單的介紹，更多功能的應(yīng)用，需要

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄