Canvas仪表计量Js小部件

Canvas仪表计量Js小部件源码下载

看看谁在用

查看文件结构

文件大小:0.01M

资源分类: 插件-Canvas动画

更新时间: 2021-11-16

一个强大的JavaScript库提供可定制的,动画仪表HTML5 canvas元素。
var opts = {

    // color configs
    colorStart: "#6fadcf",
    colorStop: void 0,
    gradientType: 0,
    strokeColor: "#e0e0e0",
    generateGradient: true,
    percentColors: [[0.0, "#a9d70b" ], [0.50, "#f9c802"], [1.0, "#ff0000"]],

    // customize pointer
    pointer: {
      length: 0.8,
      strokeWidth: 0.035,
      iconScale: 1.0
    },

    // static labels
    staticLabels: {
      font: "10px sans-serif",
      labels: [200, 500, 2100, 2800],
      fractionDigits: 0
    },

    // static zones
    staticZones: [
      {strokeStyle: "#F03E3E", min: 0, max: 200},
      {strokeStyle: "#FFDD00", min: 200, max: 500},
      {strokeStyle: "#30B32D", min: 500, max: 2100},
      {strokeStyle: "#FFDD00", min: 2100, max: 2800},
      {strokeStyle: "#F03E3E", min: 2800, max: 3000}
    ],

    // render ticks
    renderTicks: {
      divisions: 5,
      divWidth: 1.1,
      divLength: 0.7,
      divColor: #333333,
      subDivisions: 3,
      subLength: 0.5,
      subWidth: 0.6,
      subColor: #666666
    }

    // the span of the gauge arc
    angle: 0.15,

    // line thickness
    lineWidth: 0.44,

    // radius scale
    radiusScale: 1.0,

    // font size
    fontSize: 40,

    // if false, max value increases automatically if value > maxValue
    limitMax: false,

    // if true, the min value of the gauge will be fixed
    limitMin: false,

    // High resolution support
    highDpiSupport: true

};

Canvas仪表计量Js小部件

正在加载文件目录...

也许你还喜欢

  1. canvas瀑布动画背景特效
  2. tsparticles彩带粒子下雨特效
  3. three.js波浪隧道动画特效代码
  4. h5简笔画填色小游戏源码
  5. canvas奔向月球动画特效
  6. canvas炫酷星云特效代码
营销和感谢邮件样式Html模板代码
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备20015882号-5
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器