結(jié)合HTML5下的video和canvas的功能,你可以實時處理視頻數(shù)據(jù),為正在播放的視頻添加各種各樣的視覺效果。
項目的一個需求,需要把不同的尺寸圖片組合之后行寬相同,每一行圖片高度相同,超出行寬之后需要圖片換行 想了挺久的,當(dāng)時實現(xiàn)了一個版本,同時做成了jquery的插件,測試情況基本完好(貌似在應(yīng)用到項目中的時候出現(xiàn)了最后一行圖片過大顯示的問題,但是當(dāng)時要換工作了,所以沒來得及調(diào))
很早之前做的一個圖片上下滾動的案例,可以根據(jù)圖片的大小適當(dāng)調(diào)節(jié)展示方式,附帶全屏功能(好像針對火狐和IE全屏有bug)
主要運用html5的canvas的畫圖Api,結(jié)合鍵盤輸入功能,以及運用一些簡單的算法,比如小球碰撞,判斷輸入的與當(dāng)前畫布的是否相同等,隨著時間和分?jǐn)?shù)的增加速度也會加快。游戲完成后可上傳分?jǐn)?shù)到服務(wù)器。 不提供源碼下載,要學(xué)習(xí)可留言。 演示地址:http://wshome.sinaapp.com/h5-web/game/drop-words/index.html
學(xué)習(xí)liuyubobobo老師的canvas教程,實現(xiàn)的簡單的放大鏡功能,可移動滑桿調(diào)節(jié)放大鏡放大系數(shù),默認(rèn)為2倍,最小為1,最大為6
js原生代碼實現(xiàn)瀑布流圖片瀏覽。學(xué)習(xí)慕課網(wǎng)瀑布流的作業(yè)作品。源代碼在waterfall中。
由于制作匆忙,更改了原來的邏輯,使得變得更加清晰了一些,不過在屏幕適應(yīng)和兼容這方面沒有細(xì)扣,暫且如此吧, 感謝大神的分享
手機(jī)安裝apk可查看,瀏覽器不可查看。自己打包,也可以下載我上傳的apk。地圖定位,需要百度sdk,需要研究的同學(xué),修改源代碼即可。
這款計算器軟件是使用最新的HTML5,CSS以及javascript開發(fā),利用安卓打包而成。這是一款多功能多模式切換的計算器軟件,它分別有三種模式可供切換。普通型模式可以滿足基本的數(shù)值計算,科學(xué)型模式增加了π,階乘等高級功能,在程序型模式中增加了十進(jìn)制、二進(jìn)制、八進(jìn)制,十六進(jìn)制的轉(zhuǎn)換。
數(shù)據(jù)庫使用mysql,使用原生jdbc,前端方面使用了Bootstrap進(jìn)行簡單美化