评论

新增温度计canvas绘制,可自定义样式,颜色,刻度

温度计绘制,纯JS代码绘制,性能优越,


0.1温度计

参数实例:

grid = {
    tube:{//上侧管子
        fillColor: "#4CD964",
        x: dom.width/2,//管子距离左侧的 间隔值
        y: 15,//管子最上侧距离顶端 间隔值
        width: 12,//管子的宽度值
        val: 10,//每个刻度代表多少°C
        positive: 0.6,//正数所占管子的长度 0.7 0~1
        negative: 0.4,//负数所占管子的长度 0.3 0~1
    },
    splitLine:{//刻度参数
        len: 9,//长度值
        numer: 10,//切割几份
    },
    waterColor: "#009688",//温度计中间管子 水银颜色
    ball:{//底侧球形
        fillColor: "#009688",//底部大球水银的颜色
        x: dom.width/2,//底侧球形的圆心x轴距离左侧的 值
        y: dom.height-15- 10,// 15是半径 距离最低端 间隔值 10
        R: 15,//半径
    },
};
onTimeC = 35;//当前要显示的温度 35℃
点赞 0
收藏
评论
登录 后发表内容