Javascript D3减慢绘制虚线的速度

我使用D3创建一个svg元素，并使用基数插值绘制一组开放样条曲线。我画了大约30条样条线，每个样条线包含大约75-150个顶点。。。所以一般来说这应该很容易。然而，我的页面上有一个笔刷元素，我已经实现为一个滑块。目前，笔刷事件不会导致线条上的任何重绘。。。它只是重新计算手柄的位置。因为它并没有真正导致它重画任何东西，所以我希望在笔刷上移动手柄的过程会非常快，滑块不会有延迟。。。然而，我发现当它用一个虚线划过的数组绘制所有的线时，它相当缓慢。如果我注释掉指定虚线阵列的线，使这些线只是实线笔划，那么画笔的移动速度要快得多。这有什么原因吗？正如我所说，我没有让画笔重画任何东西，所以我不知道为什么会有任何性能差异。。。但当它画虚线时，与实线相比，它显然显得滞后。有什么想法吗？

这里的示例代码或JSFIDLE会很有用