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