温度计效果 html,html5 canvas容器温度计特效

特效描述：html5 canvas 容器温度计特效。温度计

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

-10°C

0°C

10°C

20°C

30°C

50°C

34.4°C

-200°C

$(function(){

$(".tempGauge0").tempGauge({width:60, borderWidth:3, showLabel:true, borderColor:"#f9f7f6"});

$(".tempGauge1").tempGauge({width:70, borderWidth:3, showLabel:false, borderColor:"#f9f7f6"});

$(".tempGauge2").tempGauge({width:150, borderWidth:4, borderColor:"#fff", fillColor:"#dcdcdc", showLabel:true});

$(".tempGauge3").tempGauge({width:100, borderWidth:2, fillColor:"green",borderColor:"#f9f7f6"});

});