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

我制作了一个简单的简化测试用例（）来检查

过滤器

，

不透明度

和

变换

在制作动画时是否在合成器线程上运行。如果打开Chrome开发工具并使用“显示合成层边框”功能，您将看到第一个div的周围有蓝色边框，最后两个div的周围有橙色边框。为什么这是一个bug还是一个特性？我在Ubuntu上，所以你们能在其他平台上看到这种行为吗

我找到了答案。在这儿

你也可以看到铬根据不同的条件使用不同的颜色

代码有很好的注释，例如，如果图像是合成的，则图像应该具有olive颜色。我在上面测试过，如果你打开，图像有橄榄色的边框——显示完整的图层边框

下面是代码片段和注释

// 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);
}