資源描述：
《基于ajax技術(shù)的交互式圖形繪制處理系統(tǒng)的設(shè)計(jì)研究(1)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、基于AJAX技術(shù)的交互式圖形繪制處理系統(tǒng)的設(shè)計(jì)研究摘要基于AJAX技術(shù)的交互式圖形繪制處理系統(tǒng)主要利用JavaScript技術(shù)和AJAX技術(shù)來(lái)實(shí)現(xiàn)鼠標(biāo)的點(diǎn)擊來(lái)生成一些基本矢量圖形和這些基本矢量圖形組成的復(fù)雜圖形，如：直線，圓，橢圓，矩形，人形。以及這些圖形的移動(dòng)，調(diào)整大小和改變顏色等簡(jiǎn)單操作，利用這些圖形在瀏覽器實(shí)現(xiàn)簡(jiǎn)單的桌面應(yīng)用。整個(gè)動(dòng)態(tài)交互繪制圖形的過(guò)程由JavaScript語(yǔ)言和AJAX來(lái)實(shí)現(xiàn)。在JavaScript語(yǔ)言中并沒(méi)有圖形繪制函數(shù)，我們首先根據(jù)計(jì)算機(jī)圖形學(xué)的基本原理和算法實(shí)現(xiàn)這個(gè)
2、矢量圖形函數(shù)庫(kù)，再在網(wǎng)頁(yè)中的直接調(diào)用庫(kù)函數(shù)來(lái)實(shí)現(xiàn)矢量圖形的繪制。這個(gè)矢量圖形庫(kù)的基本原理：由于JavaScript語(yǔ)言不能直接地操作像素點(diǎn)，所以由單位像素的div對(duì)象來(lái)模擬像素點(diǎn)，進(jìn)而通過(guò)模擬的像素點(diǎn)生成各種基本圖形，如直線、矩形、橢圓等；而且也可以組合生成一些復(fù)雜的圖形，比如人形。在對(duì)圖形的控制的過(guò)程當(dāng)中，主要是對(duì)鼠標(biāo)的各種事件進(jìn)行捕捉，并通過(guò)JavaScript來(lái)實(shí)現(xiàn)各種簡(jiǎn)單事件（比如對(duì)一條直線的繪制，移動(dòng)，放縮，顏色大小設(shè)置）和復(fù)雜的事件（比如對(duì)一些組合圖形，如人形、直線、矩形、橢圓的整體
3、移動(dòng)）。當(dāng)圖形在IE瀏覽器上面進(jìn)行操作時(shí)，通過(guò)Ajax技術(shù)，將數(shù)據(jù)通過(guò)服務(wù)器異步的寫(xiě)入數(shù)據(jù)庫(kù)，從而實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新的過(guò)程。而在從數(shù)據(jù)庫(kù)讀數(shù)據(jù)的過(guò)程，也是通過(guò)Ajax技術(shù)來(lái)刷新只有被修改的頁(yè)面部分（在回傳的過(guò)程中是使用XML語(yǔ)言來(lái)傳數(shù)據(jù)）。在效率方面，總體來(lái)講，不是特別的高。1使用到服務(wù)器，2在圖形繪制和控制過(guò)程中，要不斷的和服務(wù)器，數(shù)據(jù)庫(kù)來(lái)傳送和回傳數(shù)據(jù)，3由于是使用div來(lái)模擬像素點(diǎn)，所有在用JavaScript語(yǔ)言來(lái)繪制時(shí)，相應(yīng)的效率也不會(huì)是特別的高?；贏JAX技術(shù)的交互式圖形繪制處理系統(tǒng)的
4、研究雖然存在效率問(wèn)題，但是由于它是在瀏覽器的環(huán)境中實(shí)現(xiàn)的桌面應(yīng)用，所以通過(guò)技術(shù)的發(fā)展未來(lái)用戶(hù)計(jì)算機(jī)只要能夠上網(wǎng)和有相應(yīng)的瀏覽器就可以像現(xiàn)在一樣使用桌面應(yīng)用而無(wú)需再安裝相應(yīng)的客戶(hù)端。所以基于AJAX技術(shù)的交互式圖形繪制處理系統(tǒng)的研究有積極的意義。關(guān)鍵詞：矢量圖形，事件處理，對(duì)象捕獲，異步保存，Ajax，JavaScriptABSTRACTInthisapplicationweuseJavaScriptandAJAXtechnologytogeneratesomeofthebasicvectorgr
5、aphicsandcomplexgraphicscomposedbythesebasicgraphicsbythemouseclicksanddrags,suchas:astraightline,round,oval,rectangular,andhumanform.Besideswecanmovethegraphics,changeitssize,changethecolorandsoon,.Bythesegraphicswecanachieveasimpledesktopapplicatio
6、ninthebrowser.ThewholedynamicinteractiveprocessofgraphicsrenderingachievedbytheJavaScriptlanguageandAJAX.TheJavaScripthasnofunctionsofgraphicsrendering.Firstofallweachievethisvectorgraphicslibraryinaccordancewiththebasicprinciplesofcomputergraphicsan
7、dalgorithms.Andthenwecandirectlycalltherealizedfunctionsofthevectorgraphicsrenderinginthewebpages.thebasicprinciplesofthisvectorgraphicslibraryis:AstheJavaScriptcannotdirectlyoperatepixelpoint,soweusetheunitpixeldivobjecttosimulatepixels,thenthrought
8、hesimulatedpixelswecangeneratedbasicgraphics,suchaslinear,rectangular,oval,andsoon,butalsocanbecombinedtocreatecomplexgraphics,suchasthehumanform.intheprocess,wemainlycapturetheeventsofthemouse,andthroughJavaScripttoachievethevariousevents(suchasthed
