javascript - 使用线性 slider 缩放图像

标签 javascript math

我有一个范围从 0.5 倍到 10.0 倍的线性 slider ,然后是一个实时缩放的关联图像。

我的问题是,虽然 slider 是线性的,但它会导致图像发生非线性变化。从 0.5x 到 1.0x 的非常小的移动会导致图像尺寸发生 100% 的变化。在另一端,从 9.5 倍到 10.0 倍的变化导致 5% 的变化。

我可以将什么函数应用到线性刻度(在 slider 上)以在图像上产生线性刻度?

最佳答案

您想进行指数缩放(有时称为 Fiegenbaum 缩放)。 Here's an example .

关于javascript - 使用线性 slider 缩放图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8934534/

相关文章:

javascript - 在 Javascript 中添加上一个按钮

c++ - C/C++ 中的累积正态分布函数

algorithm - 最快的整数分解算法是什么?

algorithm - pi(π)是怎么计算出来的?

javascript - Canvas 绘制不应该绘制的点

javascript:我的声音只播放一次?

javascript - 通过用户输入城市名称检索邮政编码的最佳 API(仅限美国)?

javascript - 如何在 javascript 中将提交的测验答案数组与正确答案数组进行比较

math - 具有无穷大和 nan 的复数乘法/除法

c# - 用于可视化数学方程式的库(如方程式编辑器)