mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
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 |
||
|---|---|---|
| .. | ||
| lib | ||
| styles | ||
| BUILD.bazel | ||
| public-api.ts | ||