RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 14:07:46 +00:00
Code Issues Activity Actions

LibWeb: Draw elements with opacity in a separate stacking context

Browse source
This commit is contained in:
Egor Ananyin 2021-07-23 13:19:16 +03:00 • committed by Ali Mohammad Pur
parent 0e6ba6e1d3
commit f567414f65
3 changed files with 27 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Userland/Libraries/LibWeb/Painting/StackingContext.cpp
View file

@ -6,6 +6,7 @@
#include <AK/QuickSort.h>
#include <AK/StringBuilder.h>
#include <LibGfx/Painter.h>
#include <LibWeb/DOM/Node.h>
#include <LibWeb/Layout/Box.h>
#include <LibWeb/Layout/InitialContainingBlockBox.h>
@ -71,7 +72,7 @@ void StackingContext::paint_descendants(PaintContext& context, Node& box, Stacki
});
}
void StackingContext::paint(PaintContext& context)
void StackingContext::paint_internal(PaintContext& context)
{
// For a more elaborate description of the algorithm, see CSS 2.1 Appendix E
// Draw the background and borders for the context root (steps 1, 2)
@ -101,6 +102,26 @@ void StackingContext::paint(PaintContext& context)
paint_descendants(context, m_box, StackingContextPaintPhase::FocusAndOverlay);
}
void StackingContext::paint(PaintContext& context)
{
auto opacity = m_box.computed_values().opacity();
if (opacity.has_value() && opacity.value() == 0.0f)
return;
if (opacity.has_value() && opacity.value() != 1.0f) {
auto bitmap = context.painter().target();
auto new_bitmap = Gfx::Bitmap::try_create(Gfx::BitmapFormat::BGRA8888, bitmap->size());
if (!new_bitmap)
return;
Gfx::Painter painter(*new_bitmap);
PaintContext paint_context(painter, context.palette(), context.scroll_offset());
paint_internal(paint_context);
context.painter().blit(Gfx::IntPoint(m_box.absolute_position()), *new_bitmap, Gfx::IntRect(m_box.absolute_rect()), opacity.value());
} else {
paint_internal(context);
}
}
HitTestResult StackingContext::hit_test(const Gfx::IntPoint& position, HitTestType type) const
{
HitTestResult result;