mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 03:07:36 +00:00
LibWeb: Update CRC2D .fillStyle and .strokeStyle to accept gradients
While doing add some structures to hold these new fill styles and plumb them over to the painter.
This commit is contained in:
parent
2be4142138
commit
24cb57ac88
5 changed files with 89 additions and 17 deletions
|
@ -2,6 +2,7 @@
|
|||
* Copyright (c) 2020-2022, Andreas Kling <kling@serenityos.org>
|
||||
* Copyright (c) 2021-2022, Linus Groh <linusg@serenityos.org>
|
||||
* Copyright (c) 2022, Sam Atkins <atkinssj@serenityos.org>
|
||||
* Copyright (c) 2023, MacDue <macdue@dueutil.tech>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
@ -19,27 +20,39 @@ template<typename IncludingClass>
|
|||
class CanvasFillStrokeStyles {
|
||||
public:
|
||||
~CanvasFillStrokeStyles() = default;
|
||||
using FillOrStrokeStyleVariant = Variant<DeprecatedString, JS::Handle<CanvasGradient>>;
|
||||
|
||||
void set_fill_style(DeprecatedString style)
|
||||
static CanvasState::FillOrStrokeStyle to_canvas_state_fill_or_stoke_style(auto const& style)
|
||||
{
|
||||
return style.visit(
|
||||
[&](DeprecatedString const& string) -> CanvasState::FillOrStrokeStyle {
|
||||
return Gfx::Color::from_string(string).value_or(Color::Black);
|
||||
},
|
||||
[&](JS::Handle<CanvasGradient> gradient) -> CanvasState::FillOrStrokeStyle {
|
||||
return gradient;
|
||||
});
|
||||
}
|
||||
|
||||
void set_fill_style(FillOrStrokeStyleVariant style)
|
||||
{
|
||||
// FIXME: 2. If the given value is a CanvasPattern object that is marked as not origin-clean, then set this's origin-clean flag to false.
|
||||
my_drawing_state().fill_style = Gfx::Color::from_string(style).value_or(Color::Black);
|
||||
my_drawing_state().fill_style = to_canvas_state_fill_or_stoke_style(style);
|
||||
}
|
||||
|
||||
DeprecatedString fill_style() const
|
||||
FillOrStrokeStyleVariant fill_style() const
|
||||
{
|
||||
return my_drawing_state().fill_style.to_deprecated_string();
|
||||
return my_drawing_state().fill_style.to_js_fill_or_stoke_style();
|
||||
}
|
||||
|
||||
void set_stroke_style(DeprecatedString style)
|
||||
void set_stroke_style(FillOrStrokeStyleVariant style)
|
||||
{
|
||||
// FIXME: 2. If the given value is a CanvasPattern object that is marked as not origin-clean, then set this's origin-clean flag to false.
|
||||
my_drawing_state().stroke_style = Gfx::Color::from_string(style).value_or(Color::Black);
|
||||
my_drawing_state().stroke_style = to_canvas_state_fill_or_stoke_style(style);
|
||||
}
|
||||
|
||||
DeprecatedString stroke_style() const
|
||||
FillOrStrokeStyleVariant stroke_style() const
|
||||
{
|
||||
return my_drawing_state().stroke_style.to_deprecated_string();
|
||||
return my_drawing_state().stroke_style.to_js_fill_or_stoke_style();
|
||||
}
|
||||
|
||||
JS::NonnullGCPtr<CanvasGradient> create_radial_gradient(double x0, double y0, double r0, double x1, double y1, double r1)
|
||||
|
|
|
@ -3,9 +3,9 @@
|
|||
// https://html.spec.whatwg.org/multipage/canvas.html#canvasfillstrokestyles
|
||||
interface mixin CanvasFillStrokeStyles {
|
||||
// FIXME: Should be `(DOMString or CanvasGradient or CanvasPattern)`
|
||||
attribute DOMString strokeStyle;
|
||||
attribute (DOMString or CanvasGradient) strokeStyle;
|
||||
// FIXME: Should be `(DOMString or CanvasGradient or CanvasPattern)`
|
||||
attribute DOMString fillStyle;
|
||||
attribute (DOMString or CanvasGradient) fillStyle;
|
||||
CanvasGradient createLinearGradient(double x0, double y0, double x1, double y1);
|
||||
CanvasGradient createRadialGradient(double x0, double y0, double r0, double x1, double y1, double r1);
|
||||
CanvasGradient createConicGradient(double startAngle, double x, double y);
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
/*
|
||||
* Copyright (c) 2021-2022, Linus Groh <linusg@serenityos.org>
|
||||
* Copyright (c) 2022, Sam Atkins <atkinssj@serenityos.org>
|
||||
* Copyright (c) 2023, MacDue <macdue@dueutil.tech>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
@ -39,4 +40,21 @@ bool CanvasState::is_context_lost()
|
|||
return m_context_lost;
|
||||
}
|
||||
|
||||
NonnullRefPtr<Gfx::PaintStyle> CanvasState::FillOrStrokeStyle::to_gfx_paint_style()
|
||||
{
|
||||
VERIFY_NOT_REACHED();
|
||||
}
|
||||
|
||||
Gfx::Color CanvasState::FillOrStrokeStyle::to_color_but_fixme_should_accept_any_paint_style() const
|
||||
{
|
||||
return as_color().value_or(Gfx::Color::Black);
|
||||
}
|
||||
|
||||
Optional<Gfx::Color> CanvasState::FillOrStrokeStyle::as_color() const
|
||||
{
|
||||
if (auto* color = m_fill_or_stoke_style.get_pointer<Gfx::Color>())
|
||||
return *color;
|
||||
return {};
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -1,14 +1,18 @@
|
|||
/*
|
||||
* Copyright (c) 2022, Sam Atkins <atkinssj@serenityos.org>
|
||||
* Copyright (c) 2023, MacDue <macdue@dueutil.tech>
|
||||
*
|
||||
* SPDX-License-Identifier: BSD-2-Clause
|
||||
*/
|
||||
|
||||
#pragma once
|
||||
|
||||
#include <AK/Variant.h>
|
||||
#include <AK/Vector.h>
|
||||
#include <LibGfx/AffineTransform.h>
|
||||
#include <LibGfx/Color.h>
|
||||
#include <LibGfx/PaintStyle.h>
|
||||
#include <LibWeb/HTML/CanvasGradient.h>
|
||||
|
||||
namespace Web::HTML {
|
||||
|
||||
|
@ -22,11 +26,41 @@ public:
|
|||
void reset();
|
||||
bool is_context_lost();
|
||||
|
||||
using FillOrStrokeVariant = Variant<Gfx::Color, JS::Handle<CanvasGradient>>;
|
||||
|
||||
struct FillOrStrokeStyle {
|
||||
FillOrStrokeStyle(Gfx::Color color)
|
||||
: m_fill_or_stoke_style(color)
|
||||
{
|
||||
}
|
||||
|
||||
FillOrStrokeStyle(JS::Handle<CanvasGradient> gradient)
|
||||
: m_fill_or_stoke_style(gradient)
|
||||
{
|
||||
}
|
||||
|
||||
NonnullRefPtr<Gfx::PaintStyle> to_gfx_paint_style();
|
||||
|
||||
Optional<Gfx::Color> as_color() const;
|
||||
Gfx::Color to_color_but_fixme_should_accept_any_paint_style() const;
|
||||
|
||||
Variant<DeprecatedString, JS::Handle<CanvasGradient>> to_js_fill_or_stoke_style() const
|
||||
{
|
||||
if (auto* handle = m_fill_or_stoke_style.get_pointer<JS::Handle<CanvasGradient>>())
|
||||
return *handle;
|
||||
return m_fill_or_stoke_style.get<Gfx::Color>().to_deprecated_string();
|
||||
}
|
||||
|
||||
private:
|
||||
FillOrStrokeVariant m_fill_or_stoke_style;
|
||||
RefPtr<Gfx::PaintStyle> m_color_fill_style { nullptr };
|
||||
};
|
||||
|
||||
// https://html.spec.whatwg.org/multipage/canvas.html#drawing-state
|
||||
struct DrawingState {
|
||||
Gfx::AffineTransform transform;
|
||||
Gfx::Color fill_style { Gfx::Color::Black };
|
||||
Gfx::Color stroke_style { Gfx::Color::Black };
|
||||
FillOrStrokeStyle fill_style { Gfx::Color::Black };
|
||||
FillOrStrokeStyle stroke_style { Gfx::Color::Black };
|
||||
float line_width { 1 };
|
||||
};
|
||||
DrawingState& drawing_state() { return m_drawing_state; }
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue