Показать границы смешаны слой (синяя граница)

Question

Я сделал простой пониженный тестовый случай (JSBIN), чтобы проверить, если filter, opacity и transform работать на нити композитора при анимации, и они. Если открыть Chrome Dev Tools и использовать функцию Показать скомпонованы границы слоя вы увидите, что первый DIV имеет синюю границы вокруг и последний 2 имеет оранжевый границы. Почему это, ошибка или функция? Я на Ubuntu, так что вы, ребята, тоже видите это поведение на других платформах?

Answer 1

Я нашел ответ. Здесь Debugging-composited-layers

А также вы можете видеть here, что Chromium использует разные цвета на основе некоторых условий.

Код очень хорошо прокомментирован, и, например, изображения должны иметь цвет olive, если они составлены. Я проверил это на JSBIN, и изображение имеет оливковую границу, если вы включите --show-compisited-layer-border.

Вот фрагмент кода и комментарий.

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