微信小程序实现带刻度尺滑块

效果图

场景

当一屏显示不下，例如年龄体重选择，金额选择等大区间需要的选择器，相比自带的picker要直观一些。

思路：

1. 先画一个scrollView 2 装进canvas
2. lineTo画刻度线段，lineTo+fill画出三角形游标，fillText描绘文本标签
3. 通过bindscroll监听刻度尺触摸事件
4. 渲染取值到页面

基本布局

<scroll-view scroll-x="true" bindscroll="bindscroll">
    <canvas canvas-id="canvas" id="canvas"></canvas>
</scroll-view>

实现bindscroll方法

bindscroll:  
                 
                邀请