mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 20:27:45 +00:00
LibWeb: Split ConicGradientStyleValue out of StyleValue.{h,cpp}
This commit is contained in:
parent
35b240c87d
commit
f30b042890
7 changed files with 158 additions and 102 deletions
|
@ -72,6 +72,7 @@ set(SOURCES
|
||||||
CSS/StyleValues/BorderRadiusStyleValue.cpp
|
CSS/StyleValues/BorderRadiusStyleValue.cpp
|
||||||
CSS/StyleValues/BorderStyleValue.cpp
|
CSS/StyleValues/BorderStyleValue.cpp
|
||||||
CSS/StyleValues/ColorStyleValue.cpp
|
CSS/StyleValues/ColorStyleValue.cpp
|
||||||
|
CSS/StyleValues/ConicGradientStyleValue.cpp
|
||||||
CSS/StyleValues/ContentStyleValue.cpp
|
CSS/StyleValues/ContentStyleValue.cpp
|
||||||
CSS/StyleValues/FilterValueListStyleValue.cpp
|
CSS/StyleValues/FilterValueListStyleValue.cpp
|
||||||
CSS/StyleValues/FlexFlowStyleValue.cpp
|
CSS/StyleValues/FlexFlowStyleValue.cpp
|
||||||
|
|
|
@ -37,6 +37,7 @@
|
||||||
#include <LibWeb/CSS/StyleValues/BorderRadiusStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/BorderRadiusStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/BorderStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/BorderStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
|
||||||
|
#include <LibWeb/CSS/StyleValues/ConicGradientStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/ContentStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/ContentStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/FilterValueListStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/FilterValueListStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/FlexFlowStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/FlexFlowStyleValue.h>
|
||||||
|
|
|
@ -19,6 +19,7 @@
|
||||||
#include <LibWeb/CSS/StyleValues/BorderRadiusStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/BorderRadiusStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/BorderStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/BorderStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
|
||||||
|
#include <LibWeb/CSS/StyleValues/ConicGradientStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/ContentStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/ContentStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/FilterValueListStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/FilterValueListStyleValue.h>
|
||||||
#include <LibWeb/CSS/StyleValues/FlexFlowStyleValue.h>
|
#include <LibWeb/CSS/StyleValues/FlexFlowStyleValue.h>
|
||||||
|
@ -1455,55 +1456,6 @@ void RadialGradientStyleValue::paint(PaintContext& context, DevicePixelRect cons
|
||||||
context.rounded_device_size(m_resolved->gradient_size.to_type<CSSPixels>()));
|
context.rounded_device_size(m_resolved->gradient_size.to_type<CSSPixels>()));
|
||||||
}
|
}
|
||||||
|
|
||||||
ErrorOr<String> ConicGradientStyleValue::to_string() const
|
|
||||||
{
|
|
||||||
StringBuilder builder;
|
|
||||||
if (is_repeating())
|
|
||||||
TRY(builder.try_append("repeating-"sv));
|
|
||||||
TRY(builder.try_append("conic-gradient("sv));
|
|
||||||
bool has_from_angle = false;
|
|
||||||
bool has_at_position = false;
|
|
||||||
if ((has_from_angle = m_properties.from_angle.to_degrees() != 0))
|
|
||||||
TRY(builder.try_appendff("from {}", TRY(m_properties.from_angle.to_string())));
|
|
||||||
if ((has_at_position = m_properties.position != PositionValue::center())) {
|
|
||||||
if (has_from_angle)
|
|
||||||
TRY(builder.try_append(' '));
|
|
||||||
TRY(builder.try_appendff("at "sv));
|
|
||||||
TRY(m_properties.position.serialize(builder));
|
|
||||||
}
|
|
||||||
if (has_from_angle || has_at_position)
|
|
||||||
TRY(builder.try_append(", "sv));
|
|
||||||
TRY(serialize_color_stop_list(builder, m_properties.color_stop_list));
|
|
||||||
TRY(builder.try_append(')'));
|
|
||||||
return builder.to_string();
|
|
||||||
}
|
|
||||||
|
|
||||||
void ConicGradientStyleValue::resolve_for_size(Layout::Node const& node, CSSPixelSize size) const
|
|
||||||
{
|
|
||||||
if (!m_resolved.has_value())
|
|
||||||
m_resolved = ResolvedData { Painting::resolve_conic_gradient_data(node, *this), {} };
|
|
||||||
m_resolved->position = m_properties.position.resolved(node, CSSPixelRect { { 0, 0 }, size });
|
|
||||||
}
|
|
||||||
|
|
||||||
void ConicGradientStyleValue::paint(PaintContext& context, DevicePixelRect const& dest_rect, CSS::ImageRendering) const
|
|
||||||
{
|
|
||||||
VERIFY(m_resolved.has_value());
|
|
||||||
Painting::paint_conic_gradient(context, dest_rect, m_resolved->data, context.rounded_device_point(m_resolved->position));
|
|
||||||
}
|
|
||||||
|
|
||||||
bool ConicGradientStyleValue::equals(StyleValue const& other) const
|
|
||||||
{
|
|
||||||
if (type() != other.type())
|
|
||||||
return false;
|
|
||||||
auto& other_gradient = other.as_conic_gradient();
|
|
||||||
return m_properties == other_gradient.m_properties;
|
|
||||||
}
|
|
||||||
|
|
||||||
float ConicGradientStyleValue::angle_degrees() const
|
|
||||||
{
|
|
||||||
return m_properties.from_angle.to_degrees();
|
|
||||||
}
|
|
||||||
|
|
||||||
ErrorOr<String> ListStyleStyleValue::to_string() const
|
ErrorOr<String> ListStyleStyleValue::to_string() const
|
||||||
{
|
{
|
||||||
return String::formatted("{} {} {}", TRY(m_properties.position->to_string()), TRY(m_properties.image->to_string()), TRY(m_properties.style_type->to_string()));
|
return String::formatted("{} {} {}", TRY(m_properties.position->to_string()), TRY(m_properties.image->to_string()), TRY(m_properties.style_type->to_string()));
|
||||||
|
|
|
@ -759,59 +759,6 @@ private:
|
||||||
mutable Optional<ResolvedData> m_resolved;
|
mutable Optional<ResolvedData> m_resolved;
|
||||||
};
|
};
|
||||||
|
|
||||||
class ConicGradientStyleValue final : public AbstractImageStyleValue {
|
|
||||||
public:
|
|
||||||
static ValueComparingNonnullRefPtr<ConicGradientStyleValue> create(Angle from_angle, PositionValue position, Vector<AngularColorStopListElement> color_stop_list, GradientRepeating repeating)
|
|
||||||
{
|
|
||||||
VERIFY(color_stop_list.size() >= 2);
|
|
||||||
return adopt_ref(*new ConicGradientStyleValue(from_angle, position, move(color_stop_list), repeating));
|
|
||||||
}
|
|
||||||
|
|
||||||
virtual ErrorOr<String> to_string() const override;
|
|
||||||
|
|
||||||
void paint(PaintContext&, DevicePixelRect const& dest_rect, CSS::ImageRendering) const override;
|
|
||||||
|
|
||||||
virtual bool equals(StyleValue const& other) const override;
|
|
||||||
|
|
||||||
Vector<AngularColorStopListElement> const& color_stop_list() const
|
|
||||||
{
|
|
||||||
return m_properties.color_stop_list;
|
|
||||||
}
|
|
||||||
|
|
||||||
float angle_degrees() const;
|
|
||||||
|
|
||||||
bool is_paintable() const override { return true; }
|
|
||||||
|
|
||||||
void resolve_for_size(Layout::Node const&, CSSPixelSize) const override;
|
|
||||||
|
|
||||||
virtual ~ConicGradientStyleValue() override = default;
|
|
||||||
|
|
||||||
bool is_repeating() const { return m_properties.repeating == GradientRepeating::Yes; }
|
|
||||||
|
|
||||||
private:
|
|
||||||
ConicGradientStyleValue(Angle from_angle, PositionValue position, Vector<AngularColorStopListElement> color_stop_list, GradientRepeating repeating)
|
|
||||||
: AbstractImageStyleValue(Type::ConicGradient)
|
|
||||||
, m_properties { .from_angle = from_angle, .position = position, .color_stop_list = move(color_stop_list), .repeating = repeating }
|
|
||||||
{
|
|
||||||
}
|
|
||||||
|
|
||||||
struct Properties {
|
|
||||||
// FIXME: Support <color-interpolation-method>
|
|
||||||
Angle from_angle;
|
|
||||||
PositionValue position;
|
|
||||||
Vector<AngularColorStopListElement> color_stop_list;
|
|
||||||
GradientRepeating repeating;
|
|
||||||
bool operator==(Properties const&) const = default;
|
|
||||||
} m_properties;
|
|
||||||
|
|
||||||
struct ResolvedData {
|
|
||||||
Painting::ConicGradientData data;
|
|
||||||
CSSPixelPoint position;
|
|
||||||
};
|
|
||||||
|
|
||||||
mutable Optional<ResolvedData> m_resolved;
|
|
||||||
};
|
|
||||||
|
|
||||||
class LinearGradientStyleValue final : public AbstractImageStyleValue {
|
class LinearGradientStyleValue final : public AbstractImageStyleValue {
|
||||||
public:
|
public:
|
||||||
using GradientDirection = Variant<Angle, SideOrCorner>;
|
using GradientDirection = Variant<Angle, SideOrCorner>;
|
||||||
|
|
|
@ -0,0 +1,85 @@
|
||||||
|
/*
|
||||||
|
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
|
||||||
|
* Copyright (c) 2021, Tobias Christiansen <tobyase@serenityos.org>
|
||||||
|
* Copyright (c) 2021-2023, Sam Atkins <atkinssj@serenityos.org>
|
||||||
|
* Copyright (c) 2022-2023, MacDue <macdue@dueutil.tech>
|
||||||
|
*
|
||||||
|
* SPDX-License-Identifier: BSD-2-Clause
|
||||||
|
*/
|
||||||
|
|
||||||
|
#include "ConicGradientStyleValue.h"
|
||||||
|
#include <LibWeb/CSS/Serialize.h>
|
||||||
|
|
||||||
|
namespace Web::CSS {
|
||||||
|
|
||||||
|
// FIXME: Temporary until AbstractImageStyleValue.h exists. (And the Serialize.h include above.)
|
||||||
|
static ErrorOr<void> serialize_color_stop_list(StringBuilder& builder, auto const& color_stop_list)
|
||||||
|
{
|
||||||
|
bool first = true;
|
||||||
|
for (auto const& element : color_stop_list) {
|
||||||
|
if (!first)
|
||||||
|
TRY(builder.try_append(", "sv));
|
||||||
|
|
||||||
|
if (element.transition_hint.has_value())
|
||||||
|
TRY(builder.try_appendff("{}, "sv, TRY(element.transition_hint->value.to_string())));
|
||||||
|
|
||||||
|
TRY(serialize_a_srgb_value(builder, element.color_stop.color));
|
||||||
|
for (auto position : Array { &element.color_stop.position, &element.color_stop.second_position }) {
|
||||||
|
if (position->has_value())
|
||||||
|
TRY(builder.try_appendff(" {}"sv, TRY((*position)->to_string())));
|
||||||
|
}
|
||||||
|
first = false;
|
||||||
|
}
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
|
||||||
|
ErrorOr<String> ConicGradientStyleValue::to_string() const
|
||||||
|
{
|
||||||
|
StringBuilder builder;
|
||||||
|
if (is_repeating())
|
||||||
|
TRY(builder.try_append("repeating-"sv));
|
||||||
|
TRY(builder.try_append("conic-gradient("sv));
|
||||||
|
bool has_from_angle = false;
|
||||||
|
bool has_at_position = false;
|
||||||
|
if ((has_from_angle = m_properties.from_angle.to_degrees() != 0))
|
||||||
|
TRY(builder.try_appendff("from {}", TRY(m_properties.from_angle.to_string())));
|
||||||
|
if ((has_at_position = m_properties.position != PositionValue::center())) {
|
||||||
|
if (has_from_angle)
|
||||||
|
TRY(builder.try_append(' '));
|
||||||
|
TRY(builder.try_appendff("at "sv));
|
||||||
|
TRY(m_properties.position.serialize(builder));
|
||||||
|
}
|
||||||
|
if (has_from_angle || has_at_position)
|
||||||
|
TRY(builder.try_append(", "sv));
|
||||||
|
TRY(serialize_color_stop_list(builder, m_properties.color_stop_list));
|
||||||
|
TRY(builder.try_append(')'));
|
||||||
|
return builder.to_string();
|
||||||
|
}
|
||||||
|
|
||||||
|
void ConicGradientStyleValue::resolve_for_size(Layout::Node const& node, CSSPixelSize size) const
|
||||||
|
{
|
||||||
|
if (!m_resolved.has_value())
|
||||||
|
m_resolved = ResolvedData { Painting::resolve_conic_gradient_data(node, *this), {} };
|
||||||
|
m_resolved->position = m_properties.position.resolved(node, CSSPixelRect { { 0, 0 }, size });
|
||||||
|
}
|
||||||
|
|
||||||
|
void ConicGradientStyleValue::paint(PaintContext& context, DevicePixelRect const& dest_rect, CSS::ImageRendering) const
|
||||||
|
{
|
||||||
|
VERIFY(m_resolved.has_value());
|
||||||
|
Painting::paint_conic_gradient(context, dest_rect, m_resolved->data, context.rounded_device_point(m_resolved->position));
|
||||||
|
}
|
||||||
|
|
||||||
|
bool ConicGradientStyleValue::equals(StyleValue const& other) const
|
||||||
|
{
|
||||||
|
if (type() != other.type())
|
||||||
|
return false;
|
||||||
|
auto& other_gradient = other.as_conic_gradient();
|
||||||
|
return m_properties == other_gradient.m_properties;
|
||||||
|
}
|
||||||
|
|
||||||
|
float ConicGradientStyleValue::angle_degrees() const
|
||||||
|
{
|
||||||
|
return m_properties.from_angle.to_degrees();
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,69 @@
|
||||||
|
/*
|
||||||
|
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
|
||||||
|
* Copyright (c) 2021, Tobias Christiansen <tobyase@serenityos.org>
|
||||||
|
* Copyright (c) 2021-2023, Sam Atkins <atkinssj@serenityos.org>
|
||||||
|
* Copyright (c) 2022-2023, MacDue <macdue@dueutil.tech>
|
||||||
|
*
|
||||||
|
* SPDX-License-Identifier: BSD-2-Clause
|
||||||
|
*/
|
||||||
|
|
||||||
|
#pragma once
|
||||||
|
|
||||||
|
#include <LibWeb/CSS/StyleValue.h>
|
||||||
|
|
||||||
|
namespace Web::CSS {
|
||||||
|
|
||||||
|
class ConicGradientStyleValue final : public AbstractImageStyleValue {
|
||||||
|
public:
|
||||||
|
static ValueComparingNonnullRefPtr<ConicGradientStyleValue> create(Angle from_angle, PositionValue position, Vector<AngularColorStopListElement> color_stop_list, GradientRepeating repeating)
|
||||||
|
{
|
||||||
|
VERIFY(color_stop_list.size() >= 2);
|
||||||
|
return adopt_ref(*new ConicGradientStyleValue(from_angle, position, move(color_stop_list), repeating));
|
||||||
|
}
|
||||||
|
|
||||||
|
virtual ErrorOr<String> to_string() const override;
|
||||||
|
|
||||||
|
void paint(PaintContext&, DevicePixelRect const& dest_rect, CSS::ImageRendering) const override;
|
||||||
|
|
||||||
|
virtual bool equals(StyleValue const& other) const override;
|
||||||
|
|
||||||
|
Vector<AngularColorStopListElement> const& color_stop_list() const
|
||||||
|
{
|
||||||
|
return m_properties.color_stop_list;
|
||||||
|
}
|
||||||
|
|
||||||
|
float angle_degrees() const;
|
||||||
|
|
||||||
|
bool is_paintable() const override { return true; }
|
||||||
|
|
||||||
|
void resolve_for_size(Layout::Node const&, CSSPixelSize) const override;
|
||||||
|
|
||||||
|
virtual ~ConicGradientStyleValue() override = default;
|
||||||
|
|
||||||
|
bool is_repeating() const { return m_properties.repeating == GradientRepeating::Yes; }
|
||||||
|
|
||||||
|
private:
|
||||||
|
ConicGradientStyleValue(Angle from_angle, PositionValue position, Vector<AngularColorStopListElement> color_stop_list, GradientRepeating repeating)
|
||||||
|
: AbstractImageStyleValue(Type::ConicGradient)
|
||||||
|
, m_properties { .from_angle = from_angle, .position = position, .color_stop_list = move(color_stop_list), .repeating = repeating }
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
struct Properties {
|
||||||
|
// FIXME: Support <color-interpolation-method>
|
||||||
|
Angle from_angle;
|
||||||
|
PositionValue position;
|
||||||
|
Vector<AngularColorStopListElement> color_stop_list;
|
||||||
|
GradientRepeating repeating;
|
||||||
|
bool operator==(Properties const&) const = default;
|
||||||
|
} m_properties;
|
||||||
|
|
||||||
|
struct ResolvedData {
|
||||||
|
Painting::ConicGradientData data;
|
||||||
|
CSSPixelPoint position;
|
||||||
|
};
|
||||||
|
|
||||||
|
mutable Optional<ResolvedData> m_resolved;
|
||||||
|
};
|
||||||
|
|
||||||
|
}
|
|
@ -7,6 +7,7 @@
|
||||||
#include <AK/Math.h>
|
#include <AK/Math.h>
|
||||||
#include <LibGfx/Gradients.h>
|
#include <LibGfx/Gradients.h>
|
||||||
#include <LibWeb/CSS/StyleValue.h>
|
#include <LibWeb/CSS/StyleValue.h>
|
||||||
|
#include <LibWeb/CSS/StyleValues/ConicGradientStyleValue.h>
|
||||||
#include <LibWeb/Painting/GradientPainting.h>
|
#include <LibWeb/Painting/GradientPainting.h>
|
||||||
|
|
||||||
namespace Web::Painting {
|
namespace Web::Painting {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue