如何为svgpanzoom库设置正确的zoomScaleSensitivity？

Question

我在我的项目中使用svgpanzoom库(link on github repository)。我设置了一些初始值：

var minValue = 0.8;
var maxValue = 6;
var numberOfSteps = 5;

instance.setMinZoom(minValue);    
instance.setMaxZoom(maxValue);

在那之后，我尝试计算并设置zoomScaleSensitivity的新值：

var newValueForZoomScale = (maxValue - minValue) / numberOfSteps;
instance.setZoomScaleSensitivity(newValueForZoomScale);

不幸的是，在这种情况下，我有6或7个缩放步骤(取决于屏幕分辨率)。我的问题是，如何为zoomScaleSensitivity设置正确的值，并且始终只有5个(numberOfSteps)缩放步骤？

Answer 1

试一试

var newValueForZoomScale = (maxValue - minValue) / (numberOfSteps - 1);

这是因为如果你除以N，你会得到如下的N+1步骤：

• if start is 1
• if end is 6
• 除以5(你想要的步数)并获得步骤的(6-1)/5 = 1得到6个步骤: 1，2，3，4，5，6

所以你必须除以4，然后你会得到(6-1)/4 = 1.25和5个步骤: 1，2.25，3.5，4.75，6