插件描述：原生js + canvas 实现的刻度尺效果，PC端和移动端都可用
更新时间：2019-12-12 21:50:47
调用刻度尺方法
ruler.initPlugin({
el: "ruler3", //容器id
height: 50, //刻度尺高度
maxScale: 300, //最大刻度
startValue: 200, //刻度开始的初始值
region: [50, 220], //选择刻度的区间范围
background: "#ffa43c", //刻度尺背景色
color: "#fff", //刻度线和字体的颜色
markColor: "#3786db", //中心刻度标记颜色
isConstant: true, //是否不断地获取值
success: function(res) {
console.log(res);
}
});
PREVIOUS:
NEXT:
相关插件-独立的部件,杂项
操作浏览器标题栏插件Title.js
Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
独立的部件
讨论这个项目（3）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
MY 王了 0
2020/6/20 11:35:04
-
刻度尺滑动是反的 怎么调啊
1
2020/10/26 17:44:51
moveEvent 方法中：
distanceX = Math.floor((endX - initX) / (winWidth / 50));
【-(endX - initX)】加个负号即可 ：
distanceX = Math.floor(-(endX - initX) / (winWidth / 50));
😘
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
