程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> ASP.NET中圖象處理過程詳

ASP.NET中圖象處理過程詳

編輯:關於ASP.NET

      在使用ASP的時候,我們時常要借助第三方控件來實現一些圖象功能。而現在,ASP.NET的推出,我們已經沒有必要再使用第三方控件來實現,因為ASP.NET已經具有強大的功能來實現一些圖象處理。現在,我們就來看看怎樣使用ASP.NET的這一強大功能。

      一、System.Drawing的使用

      以下的舉例將演示在內存中生成一張圖片,然後,將這張圖片通過網頁顯示出來。需要了解的是,我們這裡輸出的不是HTML效果,而是實實在在的圖片(圖象),我們可以使用“另存為…”將輸出圖象保存起來。

      我們先來看看效果:

       我們看到,這張圖片是一個漸變背景上有“看見了嗎”幾個字,當然,這個效果在PhotoShop等圖象處理軟件裡面很容易實現,但是,一些與數據庫結合 的應用我們不可能將所有圖片都事先設計出來,這時候,利用ASP.NET來實現這些功能就顯得很重要了。我們來看源代碼:

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

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

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

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

      <%

      '清空Response

      response.clear

      '建立一個120*30大小,24bit的BMP圖象;

      dimimgOutputasNewbitmap(120,30,pixelformat.format24bpprgb)

      '根據以上BMP建立一個新圖象;

      dimgasgraphics=graphics.fromimage(imgOutput)

      g.clear(color.Green)

      g.smoothingMode=smoothingMode.antiAlias

      g.drawString("看見了嗎?",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

      %>

       在以上代碼中,我們看到和數據庫程序不同,這裡專門引入了圖象處理的名字空間system.drawing等。程序首先清空了Response,確保沒 有輸出;然後,程序建立了一個120乘30大的BMP圖象,再在這個基礎上建立一個新圖象,建立圖象以後,我們首先“畫”出了字符串“看見了嗎”,該字符 串為16大粗黑體,顏色為白色,位置為(2,4);最後,我們實現漸變效果。

      以上舉例很簡單,但是如果和數據庫結合,我們可以實現很多使用ASP可能不敢想的效果。

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

      讀取圖片?直接使用HTML不就可以了?當然可以,我們這裡只是提供一種選擇和方法來實現這一功能,具體這一功能的使用,我們可能需要在實踐中更多的學習。先來看程序源代碼:

      <%'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("錯誤!",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

      %>

       在以上的程序中,我們看到兩個函數,一個是SendFile,這一函數主要功能為顯示服務器上的圖片,該圖片的大小通過Width和Height設置, 同時,程序會自動檢測圖片類型;另外一個是SendError,這一函數的主要功能為服務器上的圖片文件不存在時,顯示錯誤信息,這裡很有趣,錯誤信息也 是通過圖片給出的(如圖):

      以上的程序顯示圖片並且改變圖片大小,現在,我們將這個程序進一步,顯示圖片並且保持圖片的長寬比例,這樣,和實際應用可能比較接近,特別是需要制作電子相冊或者是圖片網站的時候比較實用。我們先來看主要函數:

      FunctionNewthumbSize(currentwidth,currentheight)

      dimtempMultiplierasDouble

      ifcurrentheight>currentwidththen

      tempMultiplier=200/currentheight

      Else

      tempMultiplier=200/currentwidth

      endif

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

      returnNewSize

      EndFunction

      以上程序是增加的一個函數NewthumbSize,該函數專門處理改變一會的圖片大小,這個圖片的長寬和原圖片的長寬保持相同比例。其他部分請參考上文程序代碼。

      三、畫圖特效

      如果只是將圖片顯示在網頁上,這樣未免顯得簡單。現在,我們來進一步感受ASP.NET的強大功能。我們將學習圖象處理中常用的圖象反轉、圖象切割、圖象拉伸等技巧。

      先來看看程序效果:

      仔細看,我們可以找到各種圖象處理效果。現在,我們來看看程序代碼:

      <%@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)

      '旋轉圖片

      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)

      '旋轉圖片

      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()

      %>

      在以上的程序中,我們看到實現圖象處理的各種技巧,仔細觀察,我們可以知道旋轉圖片其實是用了一個RotateFlip方法;而切割和拉伸圖片,完全是通過設置DrawImage的不同參數來實現。

      四、總結

      ASP.NET的圖象處理可以實現的功能很多,我們在這裡其實只是簡單的介紹,更多功能的應用,需要
    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved