基于HTML5的圖形圖像協(xié)同處理技術(shù)研究與實(shí)現(xiàn)
發(fā)布時(shí)間:2019-04-18 09:23
【摘要】:網(wǎng)絡(luò)技術(shù),一直在深刻而且快速的改變?nèi)藗兊纳。越?lái)越多的人們喜歡在網(wǎng)絡(luò)上購(gòu)物、聊天、辦公。越來(lái)越多的應(yīng)用程序也在瀏覽器上出現(xiàn),例如文檔編輯軟件、圖像處理軟件等。同傳統(tǒng)的桌面應(yīng)用相比,Web應(yīng)用具有操作和維護(hù)起來(lái)簡(jiǎn)單,利于多人共享以及易于安裝部署和易于擴(kuò)展的特點(diǎn),還可以充分利用本機(jī)的資源,有效的融合了Web和桌面兩個(gè)軟件領(lǐng)域的優(yōu)勢(shì),是未來(lái)軟件發(fā)展的趨勢(shì)。當(dāng)前在網(wǎng)頁(yè)上處理圖像主要是使用SVG、Flash等一些插件技術(shù),實(shí)現(xiàn)過(guò)程復(fù)雜,對(duì)插件的依賴性大。新生的HTML5技術(shù),提供了豐富的多媒體應(yīng)用功能,極大的減少了傳統(tǒng)Web應(yīng)用對(duì)插件的依賴。H TML5的Canvas技術(shù),徹底改變了傳統(tǒng)的Web圖形圖像處理技術(shù),它只需要一個(gè)簡(jiǎn)單的頁(yè)面元素,通過(guò)調(diào)用其內(nèi)置的圖形繪制函數(shù)和像素級(jí)的處理功能,就能完成以前復(fù)雜的圖形圖像處理功能。WebSocket,是Web的一個(gè)全雙工的通信通道,能夠構(gòu)建Web的實(shí)時(shí)通信,解決了長(zhǎng)期以來(lái)Web實(shí)時(shí)通信依賴輪詢等方式的不足之處。HTML5技術(shù)的出現(xiàn),讓很多人在研究解決基于Web的圖形圖像處理問(wèn)題上,找到了新的解決思路。在實(shí)現(xiàn)協(xié)同的圖形圖像處理功能,以及在探討未來(lái)圖形圖像處理的出路,和嘗試在移動(dòng)設(shè)備上完成圖形圖像處理功能方面,HTML5都具有極大的影響力和技術(shù)優(yōu)勢(shì)。在本篇論文中,使用計(jì)算機(jī)圖形圖像處理的知識(shí),利用HTML5的圖形圖像處理功能,以及實(shí)時(shí)通信功能,研究了在Web上進(jìn)行圖形圖像處理,以及進(jìn)行多人協(xié)同處理圖形圖像的技術(shù),并設(shè)計(jì)開(kāi)發(fā)了圖形圖像處理平臺(tái),以驗(yàn)證該項(xiàng)技術(shù)的可行性。最后嘗試了在移動(dòng)設(shè)備上進(jìn)行圖形圖像的處理。本文的主要研究工作如下:研究在Web上繪制圖形,繪制圖片,對(duì)圖像的各種變換處理、濾鏡效果處理,以及圖層的管理。定義了繪圖中需要的圖形對(duì)象和操作對(duì)象的數(shù)據(jù)格式,用于在多人協(xié)同繪制圖形和處理圖像的過(guò)程中,進(jìn)行數(shù)據(jù)的格式化及封裝、傳輸和解析。實(shí)現(xiàn)多人協(xié)同進(jìn)行圖形圖像處理,實(shí)現(xiàn)多人協(xié)同完成圖像的繪制、處理。構(gòu)建了全雙工的實(shí)時(shí)通信,實(shí)現(xiàn)多人在線實(shí)時(shí)交流。利用HTML5的實(shí)時(shí)通信技術(shù),構(gòu)建了支持HTML5連接和數(shù)據(jù)傳輸?shù)臄?shù)據(jù)交換服務(wù)器,為Web中圖形圖像的協(xié)同繪制,以及實(shí)時(shí)交流,提供數(shù)據(jù)交換服務(wù),實(shí)現(xiàn)協(xié)同處理和實(shí)時(shí)交流。最后,利用以上的研究成果,設(shè)計(jì)并開(kāi)發(fā)了基于HTML5的圖形圖像協(xié)同處理平臺(tái),命名為WebPhotoshop,通過(guò)該平臺(tái)能夠?qū)崿F(xiàn)在網(wǎng)頁(yè)上繪制圖形,進(jìn)行圖形變換,進(jìn)行圖像濾鏡效果處理,進(jìn)行多用戶協(xié)同繪圖和處理圖像,以及進(jìn)行多人的實(shí)時(shí)交流,對(duì)圖形圖像處理的移動(dòng)應(yīng)用也做了初步嘗試。本文的研究,是對(duì)在Web環(huán)境下,協(xié)同處理大型圖形圖像技術(shù)的初步探討,結(jié)果證明,在Web上協(xié)同處理圖形圖像是完全可能的,處理效果和效率可以達(dá)到傳統(tǒng)的桌面應(yīng)用程序的水平。未來(lái),隨著移動(dòng)設(shè)備的發(fā)展,利用HTML5對(duì)移動(dòng)設(shè)備的支持性,在移動(dòng)設(shè)備上處理圖形圖像也完全成為可能。
[Abstract]:......
【學(xué)位授予單位】:長(zhǎng)江大學(xué)
【學(xué)位級(jí)別】:碩士
【學(xué)位授予年份】:2015
【分類號(hào)】:TP393.09;TP391.41
本文編號(hào):2459936
[Abstract]:......
【學(xué)位授予單位】:長(zhǎng)江大學(xué)
【學(xué)位級(jí)別】:碩士
【學(xué)位授予年份】:2015
【分類號(hào)】:TP393.09;TP391.41
【參考文獻(xiàn)】
相關(guān)期刊論文 前3條
1 陳立挺,張裔智,魯東明;CSCW及其功能特征概括[J];計(jì)算機(jī)應(yīng)用與軟件;2001年06期
2 李海峰;;基于HTML5+jQuery Mobile的移動(dòng)學(xué)習(xí)平臺(tái)Web App研究與實(shí)現(xiàn)[J];信息通信;2014年05期
3 安靖;劉志;;HTML5對(duì)Web應(yīng)用產(chǎn)生的影響及安全問(wèn)題研究[J];信息網(wǎng)絡(luò)安全;2011年11期
相關(guān)會(huì)議論文 前1條
1 廖明;潘媛芳;;WebGIS矢量地圖繪制方法的性能分析與比較WebGIS的技術(shù)方案[A];《測(cè)繪通報(bào)》測(cè)繪科學(xué)前沿技術(shù)論壇摘要集[C];2008年
相關(guān)博士學(xué)位論文 前1條
1 袁家政;可伸縮矢量圖形(SVG)的數(shù)據(jù)表示研究[D];北京交通大學(xué);2008年
相關(guān)碩士學(xué)位論文 前2條
1 劉三國(guó);圖像銳化的研究[D];曲阜師范大學(xué);2011年
2 陸的明;支持矢量圖形的二維協(xié)同瀏覽、標(biāo)注技術(shù)研究[D];西北工業(yè)大學(xué);2005年
,本文編號(hào):2459936
本文鏈接:http://www.wukwdryxk.cn/guanlilunwen/ydhl/2459936.html
最近更新
教材專著