如何将指定dB范围的数值转换为vue-slider的0-100百分比？

核心公式 #

直接通过线性映射实现转换，公式如下：

percentage = ((current_dB - min_dB) / (max_dB - min_dB)) * 100

其中：

• min_dB = -40（你的电平范围下限）
• max_dB = 20（你的电平范围上限）

简化后的公式 #

把固定的上下限代入后，公式可以简化为更易使用的形式：

percentage = ((current_dB + 40) / 60) * 100

示例验证 #

以你提到的-15dB为例，代入计算：

percentage = ((-15 + 40) / 60) * 100 = (25 / 60) * 100 ≈ 41.67%

边界校验 #

• 当电平为-40dB时：((-40 +40)/60)*100 = 0%，完全匹配滑块最小值
• 当电平为+20dB时：((20 +40)/60)*100 = 100%，完全匹配滑块最大值

内容的提问来源于stack exchange，提问作者Stian Blåsberg