標簽：Canvas

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

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

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

問題背景：遇到一個需求，要對播放的視頻進行截圖，視頻使用video標簽來播放，然后點擊視頻播放區域時截取實時的幀圖片。代碼很簡單如下：var video = document.getElementById('video');...

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

問題背景：遇到一個需求，要對播放的視頻進行截圖，視頻使用video標簽來播放，然后點擊視頻播放區域時截取實時的幀圖片。代碼很簡單如下：var video = document.getElementById('video');...

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

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

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

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

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

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

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

什么是語義元素?一個語義元素能夠清楚的描述其意義給瀏覽器和開發者。無語義 元素實例: <div> 和 <span> – 無需考慮內容.語義元素實例: <form>, <table>...

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

現在越來越多的人開始嘗試使用HTML5開發，HTML5的引擎也逐漸增多，開發者到底應該選擇一款什么樣的引擎呢？這一次我來對比一下幾個我個人認為還不錯的引擎的效率。本次參加對比的引擎：1. createJSwww.createjs.com2....

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

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

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

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