基於HTML5 canvas圓形倒計時器jQuery外掛
這個jQuery環形倒計時器外掛依賴於jquery.knob.js和jquery.throttle.js兩個外部外掛。
相關推薦
基於HTML5 canvas圓形倒計時器jQuery外掛
這是一款基於html5 canvas的圓形倒計時器jQuery外掛。它可以使你非常輕鬆的建立圓形的倒計時器。該jQuery倒計時器外掛有12種themes,它們基於 HTML5 canvas 來渲染各種圓環。這個jQuery環形倒計時器外掛依賴於jquery.knob.j
基於HTML5 Canvas的純JS二維碼生成外掛--qrious
qrious是一款基於HTML5 Canvas的純JS二維碼生成外掛。通過qrious.js可以快速生成各種二維碼,你可以控制二維碼的尺寸顏色,還可以將生成的二維碼進行Base64編碼。 qrious.js二維碼外掛的可用配置引數如下: 引數 型別 預設
基於HTML5 Canvas和jQuery的畫圖工具的實現
//undo redo var history =new Array(); var cStep = -1;
基於 HTML5 Canvas 的簡易 2D 3D 編輯器
不管在任何領域,只要能讓非程式設計師能通過拖拽來實現 2D 和 3D 的設計圖就是很牛的,今天我們不需要 3dMaxs 等設計軟體,直接用 HT 就能自己寫出一個 2D 3D 編輯器,實現這個功能我覺得成就感還是爆棚的,哈哈!只要你會想,能做,就能根據這個編輯器
工控SCADA模型 基於HTML5 Canvas WebGL制作摩托車
調整 radi 面板 -s span .cn sele 詳情 分析 工業方面制作圖表,制作模型方面運用到 3d 模型是非常多的,在一個大的環境中,構建無數個相同的或者不同的模型,構建起來對於程序員來說也是一件相當頭疼的事情,我們利用 HT 幫大家解決了很大的難題,以下例子可
基於 HTML5 Canvas 的 3D 渲染引擎介面以及吸附等效果的運用
前言 HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization. 這口號是當年心目中的產品方向,接著就朝這個方向慢慢打磨,如今 HT 算是達到了這樣的效果,談不上用盡洪荒之力,但我們對產品結果很滿意,特別是 HT 的使用者
50程式碼HTML5 Canvas 3D 編輯器優雅搞定
1024程式設計師節剛過,手癢想實現一個html的3d編輯器,看了three.js 同時還看了網上流傳已久的<<基於 HTML5 Canvas 的簡易 2D 3D 編輯器>>,都覺得太複雜,一個3d編輯器貌似沒有幾百行程式碼搞不定。其實還真不
基於 HTML5 Canvas 的拓撲元件開發
在現在前端圈大行其道的 React 和 Vue 中,可複用的元件可能是他們大受歡迎的原因之一, 在 HT 的產品中也有元件的概念,不過在 HT 中元件的開發是依託於 HTML5 Canvas 的技術去實現的, 也就是說如果你有過使用 Canvas 的開發經驗你就可以來封裝自己的元件。 下面我以一個進度環為例,
50程式碼HTML5 Canvas 3D 編輯器優雅搞定,不信你試試
轉載 1024程式設計師節剛過,手癢想實現一個html的3d編輯器,看了three.js 同時還看了網上流傳已久的<<基於 HTML5 Canvas 的簡易 2D 3D 編輯器>>,都覺得太複雜,一個3d編輯器貌似沒有幾百行程式碼搞不定。
基於HTML5 Canvas 實現彈出框
使用者滑鼠移入時,有彈出框出現,這樣的需求很常見。這在處理HTML元素實現時簡單,但是如果是對HTML5 Canvas 構成的圖形進行處理,這種方法不再適用,因為Canvas使用的是另外一套機制,無論在Canvas上繪製多少圖形,Canvas都是一個整體。而圖形本身
HTML5 Canvas簡單實用的圖表外掛
Chart.js是一款簡單實用的基於HTML5 canvas的js圖表外掛。該js圖表外掛利用canvas的特性,動態生成各種型別的圖表。圖表型別有:柱狀圖、線性圖、餅狀圖、環狀圖、極座標圖和雷達圖。並可以自定義tooltips。
基於 HTML5 Canvas 實現的文字動畫特效
前言文字是網頁中最基本的元素,一般我們在網頁上都是展示的靜態文字,但是就效果來說,還是比較枯燥的。文字淡入淡出的動畫效果在專案中非常實用,如果有某些關鍵的文字,可以通過這種動態的效果來提醒使用者閱讀。動態效果圖這個 Demo 是不斷重複地設定文字的大小和透明度,這些英文字母也
基於HTML5的視訊播放器
之前在上網去搜索播放器的時候,很多都要收費的,不收費的感覺看起來很費勁,所以自己簡單些了一下,前幾天有共享過一個簡單的H5視訊播放器,但是存在一些BUG,最近修復了一下,再次共享,提供給一些H5和CSS3學習的朋友學習一下。 擁有播放器正常功能:單擊播放暫停,雙擊全
基於HTML5 Canvas實現黑白濾鏡
getImageData 和 putImageData 是 HTML5 Canvas兩個比較常用的兩個 API。 通過getImageData,可以得到canvas指定區域的畫素點陣列,每個畫素點包含4個字元,分別代表了R、G、B、A這四個分量。修改RGB分量的設定,通過
基於 HTML5 Canvas 的 3D 碰撞檢測
這是公司大神寫的一個放官網上給使用者學習的例子,我一開始真的不知道這是在幹嘛,就只是將三個形狀圖元組合在一起,然後可以同時旋轉、放大縮小這個三個圖形,點選“Animate”就能讓中間的那一個圖元單獨繞著某一個點旋轉,表單最上方的“Axis”真的完全不知道拿來幹嘛用的,覺得
基於HTML5 Canvas和WebGL實現圖片的互動式幾何變換
createjs.CtrlFrame=function(bindObject){ createjs.Shape.call(this); this.sx=1; this.sy=1; this.dx=0; this.dy=0; this.state="still"; this.activeI
基於HTML5 Canvas繪製的支援手勢縮放的室內地圖
你是否有過這樣的經歷,在大型的商圈、商場中傻傻找不到路。嗯,室內地圖就這樣應運而生了。百度地圖、高德地圖等都提供了室內地圖的功能,高德地圖最近還把室內地圖的API開放了。室內地圖的導航、定位功能一定是未來幾年非常有前途的一件事。本文提供了一種基於HTML5
基於HTML5的拓撲圖編輯器
拓撲圖編輯器介紹 拓撲圖編輯器專案 - Graph.Editor 正式釋出到github了,歡迎訪問、提取和貢獻程式碼 專案地址:https://github.com/samsha/graph.editor 線上演示:http://demo.qunee.com/editor
基於HTML5 Canvas的引擎
Laro, 一個基於html5 canvas的用於平面2d或者2.5d遊戲製作的輕量級遊戲引擎,為了簡化使用canvas製作遊戲時的api呼叫。同時提供了一套“有限狀態機”的開發模式,這種模式在對於遊
用html5頁面引入了一個jquery外掛,實現平板上的向上滑動載入更多的功能
這個跟滾動是一樣的道理 參考下這個<!DOCTYPE=html> <html> <head> <script src="js/jquery.js" type="text/javascript"></script&g