html温度计控件,基于HTML5Cancas的jQuery温度计插件简要教程
jquery-plugin-tempgauge是⼀款基于HTML5
Canvas的jQuery温度计插件。使⽤该插件可以⽣成温度计的外观样式,并将指定的温度度数转换为温度计的颜⾊刻度。它的特点还有:
将实际温度值转换为温度计样式。
可以显⽰温度计的温度标签。
可以设置温度计的边框颜⾊。
可以设置温度计的填充颜⾊。
可以设置温度的最⼤和最⼩值。
可以设置canvas的宽度(⾼度为宽度的2倍)。
插件可以进⾏链式编程。
c++strlen怎么用使⽤⽅法
使⽤该温度计插件需要引⼊jQuery和pgauge.js⽂件。
HTML结构
该温度计的HTML结构⾮常简单:使⽤⼀个< div >元素来包裹需要转换的温度⽂本。
0°C
初始化插件
在页⾯DOM元素加载完毕之后,可以通过下⾯的⽅法来初始化该温度计插件。
$(".tempgauge").tempGauge();
配置参数
该温度计插件的可⽤配置参数有:
2021年霹雳布袋戏上架borderColor:温度计边框颜⾊,默认值为black。
javascript split方法borderWidth:温度计的边框宽度,默认值为4。jquery下载文件插件
defaultTemp:默认的温度值,默认值为26。
fillColor:填充颜⾊,默认值为red。
labelSize:标签⽂字的⼤⼩,默认值为12。
maxTemp:最⼤温度值,默认值为100。
minTemp:最⼩温度值,默认值为40。
showLabel:是否显⽰温度标签,默认值为false。
width:画布的宽度,默认值为100。
>vb语言程序设计实例
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论