显示合成图层边框（蓝色边框）

Question

我制作了一个简单的简化测试用例（JSBIN）来检查filter，opacity和transform是否在合成器线程上运行，同时制作动画，他们是。如果您打开 Chrome开发工具并使用功能显示合成图层边框，您会看到第一个div有蓝色边框，最后2个有<边框强烈>橙色。为什么是这个，错误或功能？我在Ubuntu上，你们也可以在其他平台上看到这种行为吗？

Answer 1

我找到了答案。它在这里Debugging-composited-layers

您还可以看到here Chromium根据某些条件使用不同的颜色。

代码评论非常好，例如，如果图像合成，则图像应该具有olive颜色。我在JSBIN上进行了测试，如果你打开 - show-compisited-layer-borders ，图像会有橄榄色边框。

这是代码片段和评论。

// Image layers are olive.
SkColor DebugColors::ImageLayerBorderColor() {
  return SkColorSetARGB(128, 128, 128, 0);
}
int DebugColors::ImageLayerBorderWidth(const LayerTreeImpl* tree_impl) {
  return Scale(2, tree_impl);
}