RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 21:27:34 +00:00
Code Issues Activity Actions

LibWeb: Support painting the hue-rotate() filter effect

Browse source
This commit is contained in:
MacDue 2022-10-01 22:45:36 +01:00 • committed by Andreas Kling
parent df6b7fff90
commit e697a72c99
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
Userland/Libraries/LibWeb/Painting/FilterPainting.cpp
View file

@ -7,6 +7,7 @@
#include <LibGfx/Filters/BrightnessFilter.h> #include <LibGfx/Filters/BrightnessFilter.h>
#include <LibGfx/Filters/ContrastFilter.h> #include <LibGfx/Filters/ContrastFilter.h>
#include <LibGfx/Filters/GrayscaleFilter.h> #include <LibGfx/Filters/GrayscaleFilter.h>
#include <LibGfx/Filters/HueRotateFilter.h>
#include <LibGfx/Filters/InvertFilter.h> #include <LibGfx/Filters/InvertFilter.h>
#include <LibGfx/Filters/OpacityFilter.h> #include <LibGfx/Filters/OpacityFilter.h>
#include <LibGfx/Filters/SepiaFilter.h> #include <LibGfx/Filters/SepiaFilter.h>
@ -19,6 +20,9 @@ namespace Web::Painting {
void apply_filter_list(Gfx::Bitmap& target_bitmap, Layout::Node const& node, Span<CSS::FilterFunction const> filter_list) void apply_filter_list(Gfx::Bitmap& target_bitmap, Layout::Node const& node, Span<CSS::FilterFunction const> filter_list)
{ {
auto apply_color_filter = [&](Gfx::ColorFilter const& filter) {
const_cast<Gfx::ColorFilter&>(filter).apply(target_bitmap, target_bitmap.rect(), target_bitmap, target_bitmap.rect());
};
for (auto& filter_function : filter_list) { for (auto& filter_function : filter_list) {
// See: https://drafts.fxtf.org/filter-effects-1/#supported-filter-functions // See: https://drafts.fxtf.org/filter-effects-1/#supported-filter-functions
filter_function.visit( filter_function.visit(
@ -31,9 +35,6 @@ void apply_filter_list(Gfx::Bitmap& target_bitmap, Layout::Node const& node, Spa
[&](CSS::Filter::Color const& color) { [&](CSS::Filter::Color const& color) {
auto amount = color.resolved_amount(); auto amount = color.resolved_amount();
auto amount_clamped = clamp(amount, 0.0f, 1.0f); auto amount_clamped = clamp(amount, 0.0f, 1.0f);
auto apply_color_filter = [&](Gfx::ColorFilter const& filter) {
const_cast<Gfx::ColorFilter&>(filter).apply(target_bitmap, target_bitmap.rect(), target_bitmap, target_bitmap.rect());
};
switch (color.operation) { switch (color.operation) {
case CSS::Filter::Color::Operation::Grayscale: { case CSS::Filter::Color::Operation::Grayscale: {
// Converts the input image to grayscale. The passed parameter defines the proportion of the conversion. // Converts the input image to grayscale. The passed parameter defines the proportion of the conversion.
@ -80,8 +81,8 @@ void apply_filter_list(Gfx::Bitmap& target_bitmap, Layout::Node const& node, Spa
break; break;
} }
}, },
[&](CSS::Filter::HueRotate const&) { [&](CSS::Filter::HueRotate const& hue_rotate) {
dbgln("TODO: Implement hue-rotate() filter function!"); apply_color_filter(Gfx::HueRotateFilter { hue_rotate.angle_degrees() });
}, },
[&](CSS::Filter::DropShadow const&) { [&](CSS::Filter::DropShadow const&) {
dbgln("TODO: Implement drop-shadow() filter function!"); dbgln("TODO: Implement drop-shadow() filter function!");