1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 21:17:44 +00:00

LibWeb: Implement the canvas gradients

This gets:

- CanvasRenderingContext2D.createLinearGradient()
- CanvasRenderingContext2D.createConicGradient()
- CanvasRenderingContext2D.createRadialGradient()

Actually working as fill styles for paths and rectangles :^)
Getting them working for strokes is left as an exercise is
left as an exercise for the reader.
This commit is contained in:
MacDue 2023-01-19 19:10:00 +01:00 committed by Andreas Kling
parent 24cb57ac88
commit 27a3e11f02
4 changed files with 26 additions and 38 deletions

View file

@ -1,12 +1,13 @@
/*
* Copyright (c) 2022, Andreas Kling <kling@serenityos.org>
* Copyright (c) 2023, MacDue <macdue@dueutil.tech>
*
* SPDX-License-Identifier: BSD-2-Clause
*/
#pragma once
#include <LibGfx/Color.h>
#include <LibGfx/PaintStyle.h>
#include <LibWeb/Bindings/PlatformObject.h>
namespace Web::HTML {
@ -15,12 +16,6 @@ class CanvasGradient final : public Bindings::PlatformObject {
WEB_PLATFORM_OBJECT(CanvasGradient, Bindings::PlatformObject);
public:
enum class Type {
Linear,
Radial,
Conic,
};
static JS::NonnullGCPtr<CanvasGradient> create_radial(JS::Realm&, double x0, double y0, double r0, double x1, double y1, double r1);
static JS::NonnullGCPtr<CanvasGradient> create_linear(JS::Realm&, double x0, double y0, double x1, double y1);
static JS::NonnullGCPtr<CanvasGradient> create_conic(JS::Realm&, double start_angle, double x, double y);
@ -29,19 +24,14 @@ public:
~CanvasGradient();
NonnullRefPtr<Gfx::PaintStyle> to_gfx_paint_style() { return m_gradient; }
private:
CanvasGradient(JS::Realm&, Type);
CanvasGradient(JS::Realm&, Gfx::GradientPaintStyle& gradient);
virtual void initialize(JS::Realm&) override;
Type m_type {};
struct ColorStop {
double offset { 0 };
Gfx::Color color;
};
Vector<ColorStop> m_color_stops;
NonnullRefPtr<Gfx::GradientPaintStyle> m_gradient;
};
}