视频时间轴刻度组件

• 通过canvas来渲染时间轴刻度

• 通过视频总时长，来生成视频时间轴刻度

• 主刻度 + 次刻度绘制以及配置

• 支持横向滚动，滚动边界限制

  • 避免超出滚动范围
  • 通过指定时间，来滚动到指定的时间刻度点

• 点击刻度触发事件获取当前刻度时间点

• 支持视频 currentTime 同步指针位置

• 支持缩放，需要考虑缩放的边界，最小缩放和最大缩放

  • 保证缩小到最小时不会太密集
  • 支持用滚轮来控制缩放

• 渲染时间刻度，考虑DOM加载后才渲染

  • 考虑容器大小变化，响应尺寸变化，来控制渲染时间刻度

• 可通过外层容器滚动条，来控制时间轴滚动以及画面帧滚动

• 支持视频画面帧和时间轴同步对应

  • 通过统一的像素密度来实现的，确保两者在相同的像素坐标下表示相同的时间点

• 参考可配置、样式可配置