canvas-scale
采用Canvas绘制的一个可配置的刻度(尺)组件。
主要常用于移动端数值、金额等的滑动选择,增强用户交互体验。
刻度组件 demo,效果图:
链接
采用Canvas绘制一个可配置的刻度(尺)组件:;
github地址:
演示地址:
说明
本刻度组件支持的功能:
采用canvas绘制组件,解决移动端绘制模糊问题,
支持刻度尺基本参数配置传入,
监听滑动事件,滑动时实时输出刻度值,同时支持根据外部值动态设置刻度,
支持平滑/缓动滑动、实时绘制刻度,
兼容移动端/pc端滑动,
支持的传入的可配置项参数:
// 默认配置
const default_conf = {
// width: '', // 不支持设置,取容器宽度
height: 50, // 画布高度
start: 1000, // 刻度开始值
end: 10000, // 刻度结束值
/
1