2019-04-09xiaoxiami閱讀(1065)贊(0)

<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有height和width屬性。在<canvas>>元素上繪圖主要有三步： 1.獲取<ca...

2019-03-24xiaoxiami閱讀(855)贊(0)

問(wèn)題背景：遇到一個(gè)需求，要對(duì)播放的視頻進(jìn)行截圖，視頻使用video標(biāo)簽來(lái)播放，然后點(diǎn)擊視頻播放區(qū)域時(shí)截取實(shí)時(shí)的幀圖片。代碼很簡(jiǎn)單如下：var video = document.getElementById('video');...

2019-03-24zhaods閱讀(624)贊(0)

問(wèn)題背景：遇到一個(gè)需求，要對(duì)播放的視頻進(jìn)行截圖，視頻使用video標(biāo)簽來(lái)播放，然后點(diǎn)擊視頻播放區(qū)域時(shí)截取實(shí)時(shí)的幀圖片。代碼很簡(jiǎn)單如下：var video = document.getElementById('video');...

2019-03-23zhaods閱讀(1099)贊(0)

最近接觸了Bootstrap，涉及到了LESS，CSS的預(yù)處理器使用最廣泛的就是LESS和Sass，都是努力把CSS武裝成為開(kāi)發(fā)語(yǔ)言，讓它從簡(jiǎn)單的描述性語(yǔ)言過(guò)渡到具有程序式特性的語(yǔ)言，主要的特性就是：變量、Mixins、嵌套、繼承等。就像教...

2019-03-23zhaods閱讀(732)贊(0)

與文本渲染有關(guān)的主要有三個(gè)屬性以及三個(gè)方法：上述的屬性和方法的基本用法如下：var canvas = document.getElementById("canvas"); var context = canvas.get...

2019-03-22xiaoxiami閱讀(929)贊(0)

　　之前的教程《HTML5實(shí)踐 — css3圖片樣式》，我介紹了如何為圖片添加background-image包裝，借助box-shadow 和 border-radius為圖片設(shè)置多種多樣的樣式，有興趣的朋友可以回頭閱讀。但是...

2019-03-22zhaods閱讀(764)贊(0)

什么是語(yǔ)義元素?一個(gè)語(yǔ)義元素能夠清楚的描述其意義給瀏覽器和開(kāi)發(fā)者。無(wú)語(yǔ)義 元素實(shí)例: <div> 和 <span> – 無(wú)需考慮內(nèi)容.語(yǔ)義元素實(shí)例: <form>, <table>...

2019-03-22xiaoxiami閱讀(1170)贊(0)

現(xiàn)在越來(lái)越多的人開(kāi)始嘗試使用HTML5開(kāi)發(fā)，HTML5的引擎也逐漸增多，開(kāi)發(fā)者到底應(yīng)該選擇一款什么樣的引擎呢？這一次我來(lái)對(duì)比一下幾個(gè)我個(gè)人認(rèn)為還不錯(cuò)的引擎的效率。本次參加對(duì)比的引擎：1. createJSwww.createjs.com2....

2019-03-22xiaoxiami閱讀(727)贊(0)

1.效果圖 2.原理 第一步繪制一個(gè)整圓顏色自定義，第二部繪制一個(gè)內(nèi)圓，其半徑要小于外圓顏色自定 最后一步按照百分比繪制第三個(gè)圓，顏色自定。 要實(shí)現(xiàn)動(dòng)態(tài)繪制第三步的效果，只要添加一個(gè)定時(shí)器的功能，每隔一段時(shí)間繪制一段距離，設(shè)定一個(gè)閥值 當(dāng)大...

2019-03-22xiaoxiami閱讀(921)贊(0)

HTML5中的幾種變形HTML5中的變形，共有以下幾種方法scale() 縮放rotate() 旋轉(zhuǎn)translate() 平移transform() 矩陣變形setTransform() 重設(shè)矩陣這幾個(gè)方法，對(duì)圖片一共能完成下面幾種處理但...