多行的画布动画效果不佳

Question

我正在使用画布构建图表。 此图表有很多条线（最多300条），每条线有很多笔画（每条笔画200条，或多或少）。

我遇到了一些性能问题。简而言之，lineTo函数会消耗大量的处理时间，从而使缩放和平移有些滞后。

我开发了一个简单的Code Pen example。这不是我的真实图表，但它重现了问题：缩放和平移时，您会感觉到动画滞后了。

我感觉自己在这里做错了事（例如每次清除并重新绘制所有内容），但我真的不知道它是什么，或者如果不重新绘制所有内容该怎么办。

有人可以帮我提高性能吗？

谢谢！