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