原生js + canvas 实现刻度尺效果
手势事件 touchstart 手指按下 、 touchmove 手指移动 、 touchend 手指抬起 效果图: 完整代码: ruler.js var ruler = { /** * 初始化刻度尺插件 * @el 容器 String * @height 刻度尺高度 Number * @maxScale 最大刻度 Number * @startValue 开始的值 Number * @region 区间 Array * @background 刻度尺背景颜色 String * @color 刻度线和字体的颜色 String * @markColor 中心刻度标记颜色 String * @isConstant 是否不断地获取值 Boolean * @success(res) 滑动结束后的回调 Function * */ initPlugin : function ( params ) { var initParams = { el : params . el , height : params . height || 60 , maxScale : params . maxScale || 200 , startValue : params . startValue || 0 , region : params . region || false , background :