LibWeb: Support using border-radius on <img> tags

This commit is contained in:
MacDue 2022-06-15 21:29:55 +01:00 committed by Linus Groh
parent 5b6abfadfd
commit 4d110c39f3

View file

@ -7,6 +7,7 @@
#include <LibGfx/StylePainter.h>
#include <LibWeb/HTML/HTMLImageElement.h>
#include <LibWeb/Layout/ImageBox.h>
#include <LibWeb/Painting/BorderRadiusCornerClipper.h>
#include <LibWeb/Painting/ImagePaintable.h>
namespace Web::Painting {
@ -47,7 +48,23 @@ void ImagePaintable::paint(PaintContext& context, PaintPhase phase) const
alt = image_element.src();
context.painter().draw_text(enclosing_int_rect(absolute_rect()), alt, Gfx::TextAlignment::Center, computed_values().color(), Gfx::TextElision::Right);
} else if (auto bitmap = layout_box().image_loader().bitmap(layout_box().image_loader().current_frame_index())) {
context.painter().draw_scaled_bitmap(absolute_rect().to_rounded<int>(), *bitmap, bitmap->rect(), 1.0f, to_gfx_scaling_mode(computed_values().image_rendering()));
auto image_rect = absolute_rect().to_rounded<int>();
auto border_radii_data = normalized_border_radii_data();
Optional<BorderRadiusCornerClipper> corner_clipper;
if (border_radii_data.has_any_radius()) {
auto clipper = BorderRadiusCornerClipper::create(image_rect, border_radii_data);
if (!clipper.is_error())
corner_clipper = clipper.release_value();
}
if (corner_clipper.has_value())
corner_clipper->sample_under_corners(context.painter());
context.painter().draw_scaled_bitmap(image_rect, *bitmap, bitmap->rect(), 1.0f, to_gfx_scaling_mode(computed_values().image_rendering()));
if (corner_clipper.has_value())
corner_clipper->blit_corner_clipping(context.painter());
}
}
}