按给定范围缩放数字
Scale a number by given range
>我有一个UI滑块,它根据它的位置返回0 - 1范围内的值,例如:
0
0.008333333333333333
0.041666666666666664
0.08333333333333333
0.10833333333333334
0.125
0.13333333333333333
0.14166666666666666
0.16666666666666666
0.175
0.19166666666666668
0.2
0.21666666666666667
0.24166666666666667
0.2833333333333333
0.31666666666666665
0.36666666666666664
0.4083333333333333
0.425
0.48333333333333334
0.55
0.6166666666666667
0.7
0.775
0.825
0.8833333333333333
0.9333333333333333
0.9833333333333333
1
我正在使用滑块控制缩放级别,该滑块的最小值为 1,最大值为 6。
如何缩放数字以与缩放值范围同步?
只需计算
function f(x) { // [0 ... 1]
return 5 * x + 1; // [1 ... 6]
}
反之亦然
function f(y) { // [1 ... 6]
return (y - 1) / 5; // [0 ... 1]
}
相关文章:
- 更改高贴图的缩放级别
- 在不阻止默认行为的情况下检测IE10中的缩放
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 缩放Raphael/SVG容器以适应所有内容
- 传单缩放控制位置错误
- 在不移动内部文本的情况下缩放元素的效果
- 调整缩放窗口高度提升缩放
- 计算CSS3缩放框在另一个框中的最高位置
- D3.JS向rect添加缩放和列表项
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- 将直流图表库中的折线图缩放限制为小时
- 为什么缩放按钮不会显示在照片擦除中
- 动态设置谷歌地图缩放
- 如何缩放像图像一样的元素
- 使用KineticJS变换(移动/缩放/旋转)形状
- 在手机上缩小/缩放滚动图像
- 将时间缩放添加到折线图(Chart.js)
- 使用javascript将数字缩放为一个范围
- 按给定范围缩放数字
- 在两个数字范围之间进行缩放