Notesnook 编辑器文本缩放功能的不一致问题分析与修复

在Notesnook 3.0.21版本中，用户在使用Firefox浏览器时发现了一个编辑器文本缩放功能的问题。当用户通过Ctrl+鼠标滚轮组合键进行文本缩放操作时，放大和缩小的步长不一致，导致缩放比例无法保持稳定。

问题现象

用户在Firefox浏览器中使用Notesnook的文本缩放功能时发现：

• 放大操作每次增加20%的缩放比例
• 缩小操作每次减少10%的缩放比例
• 执行一次缩小后再执行一次放大，无法恢复到原始缩放比例

这种不一致的行为影响了用户体验，特别是在需要精确控制文本大小的场景下。

技术分析

经过代码审查，这个问题源于缩放比例计算的实现方式。在Notesnook的编辑器组件中，缩放功能通过监听鼠标滚轮事件并修改CSS的transform属性来实现。问题具体表现为：

1. 放大操作使用了乘法运算（当前比例×1.2）
2. 缩小操作使用了除法运算（当前比例÷1.1）
3. 由于浮点数运算的精度问题，连续操作会导致比例偏差累积

这种实现方式导致了不对称的缩放步长，特别是在多次操作后，偏差会变得更加明显。

解决方案

修复方案采用了以下改进措施：

1. 统一使用乘法运算进行缩放比例计算
2. 设置固定的缩放步长（如10%）
3. 添加比例限制，防止过度缩放
4. 优化浮点数精度处理

通过这种方式，无论放大还是缩小，都能保持一致的步长，确保用户体验的连贯性。

实现细节

在具体实现上，修复方案：

• 使用相同的比例因子进行放大和缩小（如1.1）
• 对计算结果进行四舍五入处理，避免浮点数精度问题
• 添加最小和最大缩放限制，防止极端情况
• 优化性能，避免不必要的重绘

影响范围

该修复主要影响：

• 使用Ctrl+鼠标滚轮进行文本缩放的功能
• 在Firefox浏览器中的表现
• 所有使用Web版本的Notesnook用户

总结

这个问题的修复体现了Notesnook团队对细节的关注和对用户体验的重视。通过保持缩放操作的一致性，提升了编辑器的可用性和专业性。这也提醒我们在实现交互功能时，需要考虑各种边界情况和不同浏览器环境下的表现差异。