mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
AleksanderBodurri
9a1735aee8
From my investigation what I know for sure: - when the graph pans or zooms it updates the transform property on the g element, which in turn causes the browser to repaint the visible space in the g element - stroke-dasharray is the cause of major performance issues in large graphs. What I suspect: - When the g element repaints, it also has to repaint all of the child svg elements. When the dashed line path svgs repaint, the stroke-dasharray calculation is not GPU accelerated, but instead occurs on the CPU, causing extreme lag whenever the svg graph is panned or zoomed. Temporary solution: remove this dashed edge functionality. We can investigate alternatives for communicated that a path is lazy loaded. Future long term solution: migrate to canvas based graph renderer for router tree and injector graph. PR Close #64532