|
在HTML 5未成熟應(yīng)用的時候，流媒體播放等一些精彩應(yīng)用必須借助第三方軟件才可以實現(xiàn)，比如Flash等。但是現(xiàn)在HTML 5已經(jīng)將其超過，它不但可以播放視頻和音頻，而且還可以開發(fā)出各種網(wǎng)絡(luò)在線應(yīng)用程序，如標識的地理位置、離線存儲、拖放、圖片處理等。在這篇文章中，我們來看看最近國外的一些使用HTML 5開發(fā)的網(wǎng)站。請注意，您將需要一個支持HTML 5的瀏覽器。 一、處理圖片
網(wǎng)址：http:///files/collage/demo.html 本網(wǎng)站使用了HTML 5的Canvas元素來創(chuàng)建一個圖層列表，通過從圖片庫選擇圖片添加后，會新建一個新的圖層，每一層都可以通過操縱將圖片進行：移動、縮放、旋轉(zhuǎn)、改變圖層上下級、刪除層、改變透明度、改變混合模式、啟用或禁用的圖片陰影。 二、圖片編輯
網(wǎng)址：http://www./html5editor 百鳥居的HTML 5的圖片編輯器十分的非常方便快捷，可以說它將在線圖片編輯革新化。 通過簡單的上傳和點擊，任何人都可以通過互聯(lián)網(wǎng)編輯精美的圖片，或者通過多層操作來執(zhí)行簡單的圖層合并、單層編輯等功能。 三、待辦事項
網(wǎng)址：http://10k./Uploads/58/ 5List是一個使用HTML 5、CSS 3和JavaScript編寫的記事本，利用了HTML 5的功能，包括localStorage，它具有客戶端數(shù)據(jù)庫存儲功能。通過5List，可將用戶提交的待辦數(shù)據(jù)保存到用戶本地機器上。 四、拖拽圖片上傳
網(wǎng)址：http://demos.hacks.mozilla.org/openweb/imageUploader/ 這個使用HTML 5開發(fā)的圖片上傳功能，在Mozilla的Firefox 3.6中測試通過，發(fā)現(xiàn)Firefox 3.6支持HTML 5的部分功能。 它支持將圖片直接拖拽到瀏覽器進行上傳。 五、谷歌吃豆子
網(wǎng)址：http:///game/google-pacman/ 這是谷哥為紀念吃豆子游戲30周年，將網(wǎng)站首頁換成此游戲LOGO而設(shè)計的！據(jù)說這個游戲255關(guān)，包括最后一關(guān)!
六、表單
網(wǎng)址：http:///code/fun-with-html5-forms/ 一個非常有用的表單示例代碼，使用HTML 5開發(fā)，包含了常見的表單操作，它能將需要的表單字段進行驗證、字段占位符、日期選擇器和電子郵件驗證等，可用于網(wǎng)頁和手機網(wǎng)頁等具體領(lǐng)域。 七、圖表
網(wǎng)址：http://www./finance/index HumbleFinance是使用HTML 5開發(fā)的數(shù)據(jù)可視化工具，如使用HTML 5進行交互式數(shù)據(jù)圖形演示，它可用于顯示任何兩個2-D的數(shù)據(jù)集。 八、在線幻燈片制作
網(wǎng)址：http://10k./Uploads/143/ 此幻燈片展示了HTML 5的localStorage和ContentEditable功能，應(yīng)用十分豐富。簡單的操作界面，利用CSS 3功能，同時又保持較小的文件大小。它支持將內(nèi)容“自動保存”到本地（通過localStorage），擁有增加、減少和主題更換操作。 九、在線繪圖
網(wǎng)址：http://muro./ MURO是一個純HTML 5開發(fā)的在線繪圖工具，它有兩種模式：基本和專業(yè)，它們都免費使用。 MURO支持效果有濾鏡、銳化工具和畫筆，所有的操作在一個直觀和簡單的界面里進行，使用相當容易。 十、地理定位
網(wǎng)址：http://studio./#Geolocation 這個Web應(yīng)用程序會自動檢測您所在的位置，然后使用谷歌地圖返回附近的就業(yè)信息。 不過需要注意的是，它要求分享您瀏覽器所處的地址信息。 |
|
|
