画布动画性能差,线条多

我正在用画布绘制图表。 这张图表有很多线条(最多300条),每一条线条有很多笔划(每一条200,或多或少)。

我面临一些性能问题。简单的 lineTo 这个函数消耗了大量的处理时间,使得缩放和平移有点滞后。

我开发了一个简单的 Code Pen example 这不是我真正的图表,但它再现了一个问题:当缩放和平移时,你会感觉到动画滞后。

我觉得我在这里做错了什么(比如每次都清理和重画所有东西),但我真的不知道这是什么,如果不重画所有东西,我该怎么做。

有人能帮我提高这个性能吗?

谢谢