D3减慢绘制虚线

时间:2015-04-17 19:04:05

标签: javascript svg d3.js

我使用D3创建一个svg元素并绘制一堆开放样条(使用基数插值)。我绘制了大约30个样条线,每个样条线包含大约75-150个顶点...所以一般来说这应该很简单。但是,我的页面上有一个画笔元素,我已将其作为滑块实现(similar to this)。目前,刷子事件不会导致线条上的任何重绘......它只是重新计算手柄的位置。由于它并没有真正导致它重绘任何东西,我希望移动刷子上的手柄的过程会非常快(滑块没有滞后)...但是,我发现它何时#&# 39;用虚线描边的数组绘制所有的线条,它非常缓慢。如果我注释掉指定虚线阵列的直线,使直线只是实心笔划,那么笔刷运动要快得多。有没有理由发生这种情况?就像我说的那样,我没有画笔"重绘"什么,所以我不知道为什么会有任何性能差异......但是当它绘制虚线时(与实线相比)它肯定会滞后。有什么想法吗?

0 个答案:

没有答案