資源描述：
《基于html5 canvas的畫圖板設(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開發(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)畫，以及同電腦的交互都被標(biāo)準(zhǔn)化?，F(xiàn)階段對(duì)于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)走過(guò)第4代了，因?yàn)樗軌蛴煤?jiǎn)單的標(biāo)簽元素，代替屬性能實(shí)現(xiàn)之前需要用很多復(fù)雜Java
2、Script代碼才能有實(shí)現(xiàn)的功能，HTML5越來(lái)越受到歡迎。HTML5帶來(lái)很多令人激動(dòng)的新特性，這在之前的HTML中是不可見到的。其中一個(gè)最值得提及的特性就是用于繪畫的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)了部分類似Windows畫圖板的功能，包括鉛筆、圖章仿制、畫直線、圓、矩形、橡皮擦、背景圖、取色板、插入文字等功能，在實(shí)現(xiàn)過(guò)程中也利用了最新的CSS3技術(shù)，最后再次總結(jié)了這次畢設(shè)的經(jīng)驗(yàn)和對(duì)未來(lái)的展望。本文針對(duì)
3、其引入的Canvas繪圖元素進(jìn)行了深入的研究，此元素可以替代畫圖作為動(dòng)畫渲染的工具，效率與安全性更高，開發(fā)更便捷，必將是以后的動(dòng)畫，游戲等應(yīng)用首選的開發(fā)方式，前景非常好?！娟P(guān)鍵詞】Web2.0HTML5CSS3CanvasIIABSTRACTWeb2.0bringsawealthofInternettechnologyforalltoenjoythefunoftechnologydevelopmentandexperienceprogress.Asanext-generationInternetstandard,HTML5isnaturallyhighlyanticipatedan
4、dattention.HTML5isahugeleapoverthepastdecadeWebdevelopmentstandards.Unlikethepreviousversion,HTML5isnotjustusedtorepresentWebcontent,itsnewmissionistheWebintoafull-fledgedapplicationplatform,HTML5platform,video,audio,image,animation,andinteractionwiththecomputerbestandardized.Atthisstageforthe
5、HTML5technologyanddevelopmentworkfocusedontheestablishmentofthedrafttechnologyandnewInternetapplicationdevelopment,HTMLstandardsarechangingwiththedevelopmentoftheInternet,HTMLstandardhasgonethroughfourgenerations,becauseitsimplelabelelements,insteadofbeforethepropertycanberealizedwithalotofcom
6、plexJavaScriptcodeinordertoachievethefunctions,HTML5hasbeenmorepopular.HTML5bringsalotofexcitingnewfeatures.ThisisnotseeninthepreviousHTML.OneofthemostworthmentioningthecharacteristicsisHTMLCanvasforpainting,2Dorbitmaprenderingofdynamicscript.IdetailedanalysistheHTML5technologyintroductionandd
7、evelopmentprospects,adeeperlookintothecoreoftheintroductionofHTML5tagCanvaselement,theCanvascanbeachieved,basedontheasimilarWindowsdrawingboard,includingpencil,stampimitation,drawastraightline,circle,rectangle,eraser,backgroundimage,tak
