所在的位置: html >> html资源 >> 干货基于HTML5Cancas的jQ

干货基于HTML5Cancas的jQ

北京中科白殿疯醫院 https://myyk.familydoctor.com.cn/2831/

  扫瞄器兼容性

  

  扼要教程

  jquery-plugin-tempgauge是一款基于HTML5Canvas的jQuery温度计插件。运用该插件能够生成温度计的外貌模式,并将指定的温度度数变换为温度计的颜色刻度。它的特性尚有:

将现实温度值变换为温度计模式。

能够显示温度计的温度标签。

能够建设温度计的边框颜色。

能够建设温度计的填充颜色。

能够建设温度的最大和最小值。

能够建设canvas的宽度(高度为宽度的2倍)。

插件能够停止链式编程。

  

  运用办法

  运用该温度计插件需求引入jQuery和jquery.tempgauge.js文献。

  HTML组织

  该温度计的HTML组织特别容易:运用一个

元夙来包裹需求变换的温度文本。

  初始化插件

  在页面DOM元素加载了却以后,能够经过上面的办法来初始化该温度计插件。

  建设参数

该温度计插件的可用建设参数有:

borderColor:温度计边框颜色,默许值为black。

borderWidth:温度计的边框宽度,默许值为4。

defaultTemp:默许的温度值,默许值为26。

fillColor:填充颜色,默许值为red。

labelSize:标签文字的巨细,默许值为12。

maxTemp:最大温度值,默许值为。

minTemp:最小温度值,默许值为40。

showLabel:是不是显示温度标签,默许值为false。

width:画布的宽度,默许值为。

如需观察演示与下载插件,


转载请注明:http://www.aierlanlan.com/rzgz/1011.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了