1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 00:37:45 +00:00

LibWeb: Implement the <use> SVG element

The SVG <use> element is used to be able to reuse other SVG graphics
without having to re-write the svg element.

We now support this feature! :^)
This commit is contained in:
PrestonLTaylor 2023-05-30 21:23:52 +01:00 committed by Andreas Kling
parent b322abd8d0
commit c7c3043aa2
10 changed files with 323 additions and 1 deletions

View file

@ -0,0 +1,58 @@
/*
* Copyright (c) 2023, Preston Taylor <95388976+PrestonLTaylor@users.noreply.github.com>
*
* SPDX-License-Identifier: BSD-2-Clause
*/
#pragma once
#include <LibGfx/Path.h>
#include <LibWeb/DOM/DocumentObserver.h>
#include <LibWeb/SVG/SVGAnimatedLength.h>
#include <LibWeb/SVG/SVGGraphicsElement.h>
namespace Web::SVG {
class SVGUseElement final : public SVGGraphicsElement {
WEB_PLATFORM_OBJECT(SVGUseElement, SVGGraphicsElement);
public:
virtual ~SVGUseElement() override = default;
virtual void parse_attribute(DeprecatedFlyString const& name, DeprecatedString const& value) override;
virtual void inserted() override;
void svg_element_changed(SVGElement&);
void svg_element_removed(SVGElement&);
JS::NonnullGCPtr<SVGAnimatedLength> x() const;
JS::NonnullGCPtr<SVGAnimatedLength> y() const;
JS::NonnullGCPtr<SVGAnimatedLength> width() const;
JS::NonnullGCPtr<SVGAnimatedLength> height() const;
JS::GCPtr<SVGElement> instance_root() const;
JS::GCPtr<SVGElement> animated_instance_root() const;
private:
SVGUseElement(DOM::Document&, DOM::QualifiedName);
virtual JS::ThrowCompletionOr<void> initialize(JS::Realm&) override;
virtual void visit_edges(Cell::Visitor&) override;
Optional<StringView> parse_id_from_href(DeprecatedString const& href);
JS::GCPtr<DOM::Element> referenced_element();
void clone_element_tree_as_our_shadow_tree(Element* to_clone) const;
bool is_valid_reference_element(Element* reference_element) const;
Optional<float> m_x;
Optional<float> m_y;
Optional<StringView> m_referenced_id;
JS::GCPtr<DOM::DocumentObserver> m_document_observer;
};
}