之前我們必須借助第三方軟件比如Flash等，才能實(shí)現(xiàn)流媒體播放等精彩應(yīng)用。但是HTML5的出現(xiàn)讓很多發(fā)生了改變。它不但可以播放視頻和音頻，而且還可以開發(fā)出各種在線應(yīng)用程序，如標(biāo)識(shí)的地理位置、圖片處理、離線存儲(chǔ)等。本人就向我們介紹了最近國(guó)外的一些使用HTML5開發(fā)的有趣網(wǎng)站。 當(dāng)然，前提是您得擁有一個(gè)支持HTML5的瀏覽器。
一、圖片編輯
百鳥居的HTML5的圖片編輯器十分的非常方便快捷，可以說它將在線圖片編輯創(chuàng)新化。 通過簡(jiǎn)單的上傳和點(diǎn)擊，任何人都可以通過互聯(lián)網(wǎng)編輯精美的圖片，或者通過多層操作來執(zhí)行簡(jiǎn)單的圖層合并、單層編輯等功能。
二、處理圖片
本網(wǎng)站使用了HTML5的Canvas元素來創(chuàng)建一個(gè)圖層列表，通過從圖片庫(kù)選擇圖片添加后，會(huì)新建一個(gè)新的圖層，每一層都可以通過操縱將圖片進(jìn)行：移動(dòng)、縮放、旋轉(zhuǎn)、改變圖層上下級(jí)、刪除層、改變透明度、改變混合模式、啟用或禁用的圖片陰影。
三、待辦事項(xiàng)
5List是一個(gè)使用HTML5、CSS3和JavaScript編寫的記事本，利用了HTML5的功能，包括localStorage，它具有客戶端數(shù)據(jù)庫(kù)存儲(chǔ)功能。通過5List，可將用戶提交的待辦數(shù)據(jù)保存到用戶本地機(jī)器上。
四、拖拽圖片上傳
這個(gè)使用HTML5開發(fā)的圖片上傳功能，在Mozilla的Firefox3.6中測(cè)試通過，發(fā)現(xiàn)Firefox3.6支持HTML5的部分功能。 它支持將圖片直接拖拽到瀏覽器進(jìn)行上傳。
五、谷歌吃豆子
這是谷哥為紀(jì)念吃豆子游戲30周年，將網(wǎng)站首頁(yè)換成此游戲LOGO而設(shè)計(jì)的！據(jù)說這個(gè)游戲255關(guān)，包括最后一關(guān)!
六、表單
一個(gè)非常有用的表單示例代碼，使用HTML5開發(fā)，包含了常見的表單操作，它能將需要的表單字段進(jìn)行驗(yàn)證、字段占位符、日期選擇器和電子郵件驗(yàn)證等，可用于網(wǎng)頁(yè)和手機(jī)網(wǎng)頁(yè)等具體領(lǐng)域。
七、在線繪圖
MURO是一個(gè)純HTML5開發(fā)的在線繪圖工具，它有兩種模式：基本和專業(yè)，它們都免費(fèi)使用。 MURO支持效果有濾鏡、銳化工具和畫筆，所有的操作在一個(gè)直觀和簡(jiǎn)單的界面里進(jìn)行，使用相當(dāng)容易。
八、地理定位
延伸閱讀
- 5G時(shí)代，會(huì)是國(guó)產(chǎn)操作系統(tǒng)突破的契機(jī)嗎？ 2018-12-26
- 8年時(shí)間，什么叫從0到1？雷軍的小米已注定成傳奇！ 2018-12-26
- Visual Studio 20周年軟件趨勢(shì)隨想 2017-06-28
- Kotlin語(yǔ)言和Java語(yǔ)言100%互通 2017-05-19
- 微信小程序正式上線 2017-03-06
- 如何組建測(cè)試團(tuán)隊(duì)？ 2024-03-26
- 2016年收入最高的5個(gè)編程語(yǔ)言 2016-10-23
- TIOBE 2016年4月編程語(yǔ)言排行榜：Visual Basic即將出局 2016-04-13
- 甲骨文就 Java 侵權(quán)案向谷歌索賠 93 億美元 2016-04-11
- AlphaGo最終局戰(zhàn)勝李世石 人機(jī)大戰(zhàn)總比分1:4 2016-09-04
學(xué)習(xí)是年輕人改變自己的最好方式