資源描述:
《基于html5 canvas的畫(huà)圖板設(shè)計(jì)與實(shí)現(xiàn)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、摘要Web2.0帶來(lái)的豐富互聯(lián)網(wǎng)技術(shù)讓所有人都享受到了技術(shù)發(fā)展和體驗(yàn)進(jìn)步的樂(lè)趣。而作為下一代互聯(lián)網(wǎng)標(biāo)準(zhǔn),HTML5自然也是備受期待和矚目。HTML5是近十年來(lái)Web開(kāi)發(fā)標(biāo)準(zhǔn)巨大的飛躍。和以前的版本不同,HTML5并非僅僅用來(lái)表示W(wǎng)eb內(nèi)容,它的新使命是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái),在HTML5平臺(tái)上,視頻、音頻、圖象、動(dòng)畫(huà),以及同電腦的交互都被標(biāo)準(zhǔn)化?,F(xiàn)階段對(duì)于HTML5技術(shù)的研發(fā)和開(kāi)發(fā)工作主要集中在技術(shù)草案的確立與新互聯(lián)網(wǎng)應(yīng)用的開(kāi)發(fā)上,而隨著互聯(lián)網(wǎng)的發(fā)展,HTML標(biāo)準(zhǔn)也在不斷變化,HTML標(biāo)準(zhǔn)已經(jīng)走過(guò)第4代了,因?yàn)樗?/p>
2、能夠用簡(jiǎn)單的標(biāo)簽元素,代替屬性能實(shí)現(xiàn)之前需要用很多復(fù)雜JavaScript代碼才能有實(shí)現(xiàn)的功能,HTML5越來(lái)越受到歡迎。HTML5帶來(lái)很多令人激動(dòng)的新特性,這在之前的HTML中是不可見(jiàn)到的。其中一個(gè)最值得提及的特性就是用于繪畫(huà)的HTMLCanvas,可以對(duì)2D或位圖進(jìn)行動(dòng)態(tài)、腳本的渲染。本文詳細(xì)分析了HTML5技術(shù)的簡(jiǎn)介和發(fā)展前景,并深入探討了HTML5引入的核心標(biāo)簽Canvas元素,介紹了Canvas可以實(shí)現(xiàn)的主要功能,在此基礎(chǔ)上實(shí)現(xiàn)了部分類(lèi)似Windows畫(huà)圖板的功能,包括鉛筆、圖章仿制、畫(huà)直線、圓、矩形、橡皮擦、
3、背景圖、取色板、插入文字等功能,在實(shí)現(xiàn)過(guò)程中也利用了最新的CSS3技術(shù),最后再次總結(jié)了這次畢設(shè)的經(jīng)驗(yàn)和對(duì)未來(lái)的展望。本文針對(duì)其引入的Canvas繪圖元素進(jìn)行了深入的研究,此元素可以替代畫(huà)圖作為動(dòng)畫(huà)渲染的工具,效率與安全性更高,開(kāi)發(fā)更便捷,必將是以后的動(dòng)畫(huà),游戲等應(yīng)用首選的開(kāi)發(fā)方式,前景非常好?!娟P(guān)鍵詞】Web2.0HTML5CSS3CanvasIIABSTRACTWeb2.0bringsawealthofInternettechnologyforalltoenjoythefunoftechnologydevelopmen
4、tandexperienceprogress.Asanext-generationInternetstandard,HTML5isnaturallyhighlyanticipatedandattention.HTML5isahugeleapoverthepastdecadeWebdevelopmentstandards.Unlikethepreviousversion,HTML5isnotjustusedtorepresentWebcontent,itsnewmissionistheWebintoafull-fledge
5、dapplicationplatform,HTML5platform,video,audio,image,animation,andinteractionwiththecomputerbestandardized.AtthisstagefortheHTML5technologyanddevelopmentworkfocusedontheestablishmentofthedrafttechnologyandnewInternetapplicationdevelopment,HTMLstandardsarechanging
6、withthedevelopmentoftheInternet,HTMLstandardhasgonethroughfourgenerations,becauseitsimplelabelelements,insteadofbeforethepropertycanberealizedwithalotofcomplexJavaScriptcodeinordertoachievethefunctions,HTML5hasbeenmorepopular.HTML5bringsalotofexcitingnewfeatures.
7、ThisisnotseeninthepreviousHTML.OneofthemostworthmentioningthecharacteristicsisHTMLCanvasforpainting,2Dorbitmaprenderingofdynamicscript.IdetailedanalysistheHTML5technologyintroductionanddevelopmentprospects,adeeperlookintothecoreoftheintroductionofHTML5tagCanvasel
8、ement,theCanvascanbeachieved,basedontheasimilarWindowsdrawingboard,includingpencil,stampimitation,drawastraightline,circle,rectangle,eraser,backgroundimage,tak