内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

實(shí)現(xiàn)guage.js的超棒動(dòng)畫儀表板

2024-01-09    分類: 網(wǎng)站建設(shè)

今天我們分享來(lái)自guage.js的超棒動(dòng)畫儀表板實(shí)現(xiàn),這個(gè)類庫(kù)使用html5畫布來(lái)生成動(dòng)態(tài)的自定義儀表板。不依賴于任何類庫(kù)也不實(shí)用任何的CSS或者圖片,完全使用畫布生成。

擁有兩套不同的UI,一個(gè)是儀表盤,一個(gè)類似原來(lái)我們介紹的jQuery knob界面。支持UI元素自定義你可以生成自己需要的顏色格式。

主要特性:

1.無(wú)圖片,CSS

2.無(wú)類庫(kù)依賴(支持jQuery,但是不是必須的)

3.高度可配置

4.分辨率獨(dú)立

5.動(dòng)畫數(shù)值變化

6.支持主流瀏覽器

支持瀏覽器:

1.Chrome

2.Safari 3.2+

3.Firefox 3.5+

4.IE 9

5.Opera 10.6+

6.Mobile Safari (iOS 3.2+)

7.Android 2.3+

如何使用

var opts = { lines: 12, // The number of lines to draw angle: 0.21, // The length of each line lineWidth: 0.44, // The line thickness pointer: { length: 0.9, // The radius of the inner circle strokeWidth: 0.108 // The rotation offset }, colorStart: '#909090',?? // Colors colorStop: '#8FC0DA',??? // just experiment with them strokeColor: '#E0E0E0'?? // to see which ones work best for you }; var target = document.getElementById('foo'); // your canvas element var gauge = new Gauge(target).setOptions(opts); // create sexy gauge! gauge.maxValue = 3000; // set max gauge value gauge.animationSpeed = 46; // set animation speed (32 is default value) gauge.set(650); // set actual value

如果你使用jQuery,你可以使用如下插件代碼:

$.fn.gauge = function(opts) { this.each(function() { var $this = $(this), data = $this.data();

if (data.gauge) { data.gauge.stop(); delete data.gauge; } if (opts !== false) { data.gauge = new Gauge(this).setOptions(opts); } }); return this; };

如果你希望方便快速的創(chuàng)建一個(gè)動(dòng)態(tài)儀表,gauge.js肯定是一個(gè)不錯(cuò)的選擇。

本文來(lái)自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)公司-創(chuàng)新互聯(lián)

分享名稱:實(shí)現(xiàn)guage.js的超棒動(dòng)畫儀表板
標(biāo)題路徑:http://www.rwnh.cn/news40/312840.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、動(dòng)態(tài)網(wǎng)站標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
肃北| 金塔县| 新巴尔虎右旗| 抚州市| 加查县| 清远市| 武隆县| 木里| 蒲城县| 龙陵县| 灌云县| 措美县| 华蓥市| 西林县| 文成县| 洮南市| 横峰县| 梓潼县| 旬阳县| 台中县| 新巴尔虎右旗| 武义县| 唐河县| 无极县| 宁波市| 炎陵县| 桑日县| 东丰县| 建水县| 稷山县| 玉溪市| 黔西县| 金山区| 澄城县| 昌吉市| 玉环县| 卢龙县| 丹凤县| 博客| 青岛市| 桐庐县|