在 Chrome Dev Tools Paint Profiler 中,颜色代表什么?

In the Chrome Dev Tools Paint Profiler, what do the colours signify?

Chrome Dev Tools 有一个部分用于分析图层的绘制请求。 这可以通过打开 Dev Tools、记录时间线跟踪然后 select Paint Profiler 选项卡(如果不可见则单击 Esc)来访问。

右侧有一个饼图,将绘画操作分解为三种颜色之一:

我的问题是,这些颜色代表什么?

另请参阅:https://developers.google.com/web/fundamentals/performance/rendering/simplify-paint-complexity-and-reduce-paint-areas?hl=en

颜色表示它们是什么类型的绘图操作:

粉色(形状)、蓝色(位图)、绿色(文本)、紫色(杂项)。

参考资料:https://developers.google.com/web/updates/2015/03/devtools-timeline-now-providing-the-full-story?hl=en#paint-profiler