資源描述：
《基于ajax技術的交互式圖形繪制處理系統(tǒng)的設計研究(1)》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。
1、基于AJAX技術的交互式圖形繪制處理系統(tǒng)的設計研究摘要基于AJAX技術的交互式圖形繪制處理系統(tǒng)主要利用JavaScript技術和AJAX技術來實現(xiàn)鼠標的點擊來生成一些基本矢量圖形和這些基本矢量圖形組成的復雜圖形，如：直線，圓，橢圓，矩形，人形。以及這些圖形的移動，調整大小和改變顏色等簡單操作，利用這些圖形在瀏覽器實現(xiàn)簡單的桌面應用。整個動態(tài)交互繪制圖形的過程由JavaScript語言和AJAX來實現(xiàn)。在JavaScript語言中并沒有圖形繪制函數(shù)，我們首先根據(jù)計算機圖形學的基本原理和算法實現(xiàn)這個
2、矢量圖形函數(shù)庫，再在網(wǎng)頁中的直接調用庫函數(shù)來實現(xiàn)矢量圖形的繪制。這個矢量圖形庫的基本原理：由于JavaScript語言不能直接地操作像素點，所以由單位像素的div對象來模擬像素點，進而通過模擬的像素點生成各種基本圖形，如直線、矩形、橢圓等；而且也可以組合生成一些復雜的圖形，比如人形。在對圖形的控制的過程當中，主要是對鼠標的各種事件進行捕捉，并通過JavaScript來實現(xiàn)各種簡單事件（比如對一條直線的繪制，移動，放縮，顏色大小設置）和復雜的事件（比如對一些組合圖形，如人形、直線、矩形、橢圓的整體
3、移動）。當圖形在IE瀏覽器上面進行操作時，通過Ajax技術，將數(shù)據(jù)通過服務器異步的寫入數(shù)據(jù)庫，從而實現(xiàn)網(wǎng)頁無刷新的過程。而在從數(shù)據(jù)庫讀數(shù)據(jù)的過程，也是通過Ajax技術來刷新只有被修改的頁面部分（在回傳的過程中是使用XML語言來傳數(shù)據(jù)）。在效率方面，總體來講，不是特別的高。1使用到服務器，2在圖形繪制和控制過程中，要不斷的和服務器，數(shù)據(jù)庫來傳送和回傳數(shù)據(jù)，3由于是使用div來模擬像素點，所有在用JavaScript語言來繪制時，相應的效率也不會是特別的高。基于AJAX技術的交互式圖形繪制處理系統(tǒng)的
4、研究雖然存在效率問題，但是由于它是在瀏覽器的環(huán)境中實現(xiàn)的桌面應用，所以通過技術的發(fā)展未來用戶計算機只要能夠上網(wǎng)和有相應的瀏覽器就可以像現(xiàn)在一樣使用桌面應用而無需再安裝相應的客戶端。所以基于AJAX技術的交互式圖形繪制處理系統(tǒng)的研究有積極的意義。關鍵詞：矢量圖形，事件處理，對象捕獲，異步保存，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
