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

ASP.NET圖象處理詳解

編輯:關於C#
 

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

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

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

<%
'清空Response
response.clear

'建立一個120*30大小,24bit的BMP圖象;
dim imgOutput as New bitmap(120, 30, pixelformat.format24bpprgb)

'根據以上BMP建立一個新圖象;
dim g as graphics = graphics.fromimage(imgOutput)

g.clear(color.Green)
g.smoothingMode = smoothingMode.antiAlias

g.drawString("看見了嗎?", New font("黑體",16,fontstyle.bold),new SolidBrush(Color.White),New pointF(2,4))

g.FillRectangle(New linearGradientBrush(New point(0,0), New point(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不就可以了?當然可以,我們這裡只是提供一種選擇和方法來實現這一功能,具體這一功能的使用,我們可能需要在實踐中更多的學習。先來看程序源代碼:
<% ' import all relevant namespaces %>
<%@ import namespace="System" %>
<%@ import namespace="System.Drawing" %>
<%@ import namespace="System.Drawing.Imaging" %>
<%@ import namespace="System.IO" %>

<script runat="server">
Sub sendFile()
dim g as System.Drawing.Image = System.Drawing.Image.FromFile(server.mappath(request("src")))
dim thisFormat=g.rawformat
dim imgOutput as New Bitmap(g, cint(request("width")), cint(request("height")))
if thisformat.equals(system.drawing.imaging.imageformat.Gif) then
response.contenttype="image/gif"
else
response.contenttype="image/jpeg"
end if
imgOutput.save(response.outputstream, thisformat)
g.dispose()
imgOutput.dispose()
end sub

Sub sendError()
dim imgOutput as New bitmap(120, 120, pixelformat.format24bpprgb)
dim g as graphics = graphics.fromimage(imgOutput)
g.clear(color.yellow)
g.drawString("錯誤!", New font("黑體",14,fontstyle.bold),systembrushes.windowtext, New pointF(2,2))
response.contenttype="image/gif"
imgOutput.save(response.outputstream, imageformat.gif)
g.dispose()
imgOutput.dispose()
end sub
</script>

<%
response.clear
if request("src")="" or request("height")="" or request("width")="" then
call sendError()
else
if file.exists(server.mappath(request("src"))) then
call sendFile()
else
call sendError()
end if
end if
response.end
%>
在以上的程序中,我們看到兩個函數,一個是SendFile,這一函數主要功能為顯示服務器上的圖片,該圖片的大小通過Width和Height設置,同時,程序會自動檢測圖片類型;另外一個是SendError,這一函數的主要功能為服務器上的圖片文件不存在時,顯示錯誤信息,這裡很有趣,錯誤信息也是通過圖片給出的(如圖):

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved