建站
咨詢
售后
建站咨詢
新聞中心
在HTML5未成熟應(yīng)用的時(shí)候，流媒體播放等一些精彩應(yīng)用必須借助第三方軟件才可以實(shí)現(xiàn)，比如Flash等。
創(chuàng)新互聯(lián)公司是專業(yè)的萬(wàn)載網(wǎng)站建設(shè)公司，萬(wàn)載接單;提供成都網(wǎng)站建設(shè)、做網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行萬(wàn)載網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
但是現(xiàn)在HTML5已經(jīng)將其超過(guò)，它不但可以播放視頻和音頻，而且還可以開發(fā)出各種網(wǎng)絡(luò)在線應(yīng)用程序，如標(biāo)識(shí)的地理位置、離線存儲(chǔ)、拖放、圖片處理等。在這篇文章中，我們來(lái)看看最近國(guó)外的一些使用HTML5開發(fā)的網(wǎng)站。 請(qǐng)注意，您將需要一個(gè)支持HTML5的瀏覽器。
一、處理圖片
本網(wǎng)站使用了HTML5的Canvas元素來(lái)創(chuàng)建一個(gè)圖層列表，通過(guò)從圖片庫(kù)選擇圖片添加后，會(huì)新建一個(gè)新的圖層，每一層都可以通過(guò)操縱將圖片進(jìn)行：移動(dòng)、縮放、旋轉(zhuǎn)、改變圖層上下級(jí)、刪除層、改變透明度、改變混合模式、啟用或禁用的圖片陰影。
二、圖片編輯
百鳥居的HTML5的圖片編輯器十分的非常方便快捷，可以說(shuō)它將在線圖片編輯革新化。 通過(guò)簡(jiǎn)單的上傳和點(diǎn)擊，任何人都可以通過(guò)互聯(lián)網(wǎng)編輯精美的圖片，或者通過(guò)多層操作來(lái)執(zhí)行簡(jiǎn)單的圖層合并、單層編輯等功能。
三、待辦事項(xiàng)
5List是一個(gè)使用HTML5、CSS3和j編寫的記事本，利用了HTML5的功能，包括localStorage，它具有客戶端數(shù)據(jù)庫(kù)存儲(chǔ)功能。通過(guò)5List，可將用戶提交的待辦數(shù)據(jù)保存到用戶本地機(jī)器上。
四、拖拽圖片上傳
這個(gè)使用HTML5開發(fā)的圖片上傳功能，在Mozilla的Firefox3.6中測(cè)試通過(guò)，發(fā)現(xiàn)Firefox3.6支持HTML5的部分功能。 它支持將圖片直接拖拽到瀏覽器進(jìn)行上傳。
五、谷歌吃豆子
這是谷哥為紀(jì)念吃豆子游戲30周年，將網(wǎng)站首頁(yè)換成此游戲LOGO而設(shè)計(jì)的！據(jù)說(shuō)這個(gè)游戲255關(guān)，包括最后一關(guān)!
六、表單
一個(gè)非常有用的表單示例代碼，使用HTML5開發(fā)，包含了常見的表單操作，它能將需要的表單字段進(jìn)行驗(yàn)證、字段占位符、日期選擇器和電子郵件驗(yàn)證等，可用于網(wǎng)頁(yè)和手機(jī)網(wǎng)頁(yè)等具體領(lǐng)域。
七、圖表
HumbleFinance是使用HTML5開發(fā)的數(shù)據(jù)可視化工具，如使用HTML5進(jìn)行交互式數(shù)據(jù)圖形演示，它可用于顯示任何兩個(gè)2-D的數(shù)據(jù)集。
八、在線幻燈片制作
此幻燈片展示了HTML5的localStorage和ContentEditable功能，應(yīng)用十分豐富。簡(jiǎn)單的操作界面，利用CSS3功能，同時(shí)又保持較小的文件大小。它支持將內(nèi)容“自動(dòng)保存”到本地（通過(guò)localStorage），擁有增加、減少和主題更換操作
九、在線繪圖
MURO是一個(gè)純HTML5開發(fā)的在線繪圖工具，它有兩種模式：基本和專業(yè)，它們都免費(fèi)使用。 MURO支持效果有濾鏡、銳化工具和畫筆，所有的操作在一個(gè)直觀和簡(jiǎn)單的界面里進(jìn)行，使用相當(dāng)容易。
十、地理定位
這個(gè)Web應(yīng)用程序會(huì)自動(dòng)檢測(cè)您所在的位置，然后使用谷歌地圖返回附近的就業(yè)信息。 不過(guò)需要注意的是，它要求分享您瀏覽器所處的地址信息。
原文鏈接：http://cnbeta.com/articles/130992.htm
網(wǎng)站題目：HTML5開發(fā)的十個(gè)精彩應(yīng)用
當(dāng)前地址：http://www.dlmjj.cn/article/cddhpei.html
