|
|
@@ -0,0 +1,217 @@
|
|
|
+/*
|
|
|
+ * Copyright (c) 2024, Tim Ledbetter <tim.ledbetter@ladybird.org>
|
|
|
+ *
|
|
|
+ * SPDX-License-Identifier: BSD-2-Clause
|
|
|
+ */
|
|
|
+
|
|
|
+#include "SVGImageElement.h"
|
|
|
+#include <LibJS/Heap/Heap.h>
|
|
|
+#include <LibWeb/Bindings/SVGImageElementPrototype.h>
|
|
|
+#include <LibWeb/DOM/DocumentObserver.h>
|
|
|
+#include <LibWeb/HTML/PotentialCORSRequest.h>
|
|
|
+#include <LibWeb/HTML/SharedResourceRequest.h>
|
|
|
+#include <LibWeb/Layout/SVGImageBox.h>
|
|
|
+#include <LibWeb/SVG/SVGDecodedImageData.h>
|
|
|
+
|
|
|
+namespace Web::SVG {
|
|
|
+
|
|
|
+SVGImageElement::SVGImageElement(DOM::Document& document, DOM::QualifiedName qualified_name)
|
|
|
+ : SVGGraphicsElement(document, move(qualified_name))
|
|
|
+{
|
|
|
+}
|
|
|
+
|
|
|
+void SVGImageElement::initialize(JS::Realm& realm)
|
|
|
+{
|
|
|
+ Base::initialize(realm);
|
|
|
+ WEB_SET_PROTOTYPE_FOR_INTERFACE(SVGImageElement);
|
|
|
+
|
|
|
+ m_document_observer = realm.heap().allocate<DOM::DocumentObserver>(realm, realm, document());
|
|
|
+ m_document_observer->set_document_completely_loaded([this]() mutable {
|
|
|
+ // FIXME: This is a hack to make SVG images appear when the document has finished loading
|
|
|
+ document().invalidate_layout();
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+void SVGImageElement::visit_edges(Cell::Visitor& visitor)
|
|
|
+{
|
|
|
+ Base::visit_edges(visitor);
|
|
|
+ SVGURIReferenceMixin::visit_edges(visitor);
|
|
|
+ visitor.visit(m_x);
|
|
|
+ visitor.visit(m_y);
|
|
|
+ visitor.visit(m_width);
|
|
|
+ visitor.visit(m_height);
|
|
|
+ visitor.visit(m_resource_request);
|
|
|
+ visitor.visit(m_document_observer);
|
|
|
+}
|
|
|
+
|
|
|
+void SVGImageElement::attribute_changed(FlyString const& name, Optional<String> const& old_value, Optional<String> const& value)
|
|
|
+{
|
|
|
+ SVGGraphicsElement::attribute_changed(name, old_value, value);
|
|
|
+ if (name == SVG::AttributeNames::x) {
|
|
|
+ auto parsed_value = AttributeParser::parse_coordinate(value.value_or(String {}));
|
|
|
+ MUST(x()->base_val()->set_value(parsed_value.value_or(0)));
|
|
|
+ } else if (name == SVG::AttributeNames::y) {
|
|
|
+ auto parsed_value = AttributeParser::parse_coordinate(value.value_or(String {}));
|
|
|
+ MUST(y()->base_val()->set_value(parsed_value.value_or(0)));
|
|
|
+ } else if (name == SVG::AttributeNames::width) {
|
|
|
+ auto parsed_value = AttributeParser::parse_coordinate(value.value_or(String {}));
|
|
|
+ MUST(width()->base_val()->set_value(parsed_value.value_or(0)));
|
|
|
+ } else if (name == SVG::AttributeNames::height) {
|
|
|
+ auto parsed_value = AttributeParser::parse_coordinate(value.value_or(String {}));
|
|
|
+ MUST(height()->base_val()->set_value(parsed_value.value_or(0)));
|
|
|
+ } else if (name == SVG::AttributeNames::href) {
|
|
|
+ process_the_url(value);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// https://svgwg.org/svg2-draft/embedded.html#__svg__SVGImageElement__x
|
|
|
+JS::NonnullGCPtr<SVG::SVGAnimatedLength> SVGImageElement::x()
|
|
|
+{
|
|
|
+ if (!m_x) {
|
|
|
+ auto& realm = this->realm();
|
|
|
+ m_x = SVGAnimatedLength::create(realm, SVGLength::create(realm, 0, 0), SVGLength::create(realm, 0, 0));
|
|
|
+ }
|
|
|
+
|
|
|
+ return *m_x;
|
|
|
+}
|
|
|
+
|
|
|
+// https://svgwg.org/svg2-draft/embedded.html#__svg__SVGImageElement__y
|
|
|
+JS::NonnullGCPtr<SVG::SVGAnimatedLength> SVGImageElement::y()
|
|
|
+{
|
|
|
+ if (!m_y) {
|
|
|
+ auto& realm = this->realm();
|
|
|
+ m_y = SVGAnimatedLength::create(realm, SVGLength::create(realm, 0, 0), SVGLength::create(realm, 0, 0));
|
|
|
+ }
|
|
|
+
|
|
|
+ return *m_y;
|
|
|
+}
|
|
|
+
|
|
|
+// https://svgwg.org/svg2-draft/embedded.html#__svg__SVGImageElement__width
|
|
|
+JS::NonnullGCPtr<SVG::SVGAnimatedLength> SVGImageElement::width()
|
|
|
+{
|
|
|
+ if (!m_width) {
|
|
|
+ auto& realm = this->realm();
|
|
|
+ m_width = SVGAnimatedLength::create(realm, SVGLength::create(realm, 0, intrinsic_width().value_or(0).to_double()), SVGLength::create(realm, 0, 0));
|
|
|
+ }
|
|
|
+
|
|
|
+ return *m_width;
|
|
|
+}
|
|
|
+
|
|
|
+// https://svgwg.org/svg2-draft/embedded.html#__svg__SVGImageElement__height
|
|
|
+JS::NonnullGCPtr<SVG::SVGAnimatedLength> SVGImageElement::height()
|
|
|
+{
|
|
|
+ if (!m_height) {
|
|
|
+ auto& realm = this->realm();
|
|
|
+ m_height = SVGAnimatedLength::create(realm, SVGLength::create(realm, 0, intrinsic_height().value_or(0).to_double()), SVGLength::create(realm, 0, 0));
|
|
|
+ }
|
|
|
+
|
|
|
+ return *m_height;
|
|
|
+}
|
|
|
+
|
|
|
+Gfx::Rect<CSSPixels> SVGImageElement::bounding_box() const
|
|
|
+{
|
|
|
+ Optional<CSSPixels> width;
|
|
|
+ if (attribute(HTML::AttributeNames::width).has_value())
|
|
|
+ width = CSSPixels { m_width->base_val()->value() };
|
|
|
+
|
|
|
+ Optional<CSSPixels> height;
|
|
|
+ if (attribute(HTML::AttributeNames::height).has_value())
|
|
|
+ height = CSSPixels { m_height->base_val()->value() };
|
|
|
+
|
|
|
+ if (!height.has_value() && width.has_value() && intrinsic_aspect_ratio().has_value())
|
|
|
+ height = width.value() / intrinsic_aspect_ratio().value();
|
|
|
+
|
|
|
+ if (!width.has_value() && height.has_value() && intrinsic_aspect_ratio().has_value())
|
|
|
+ width = height.value() * intrinsic_aspect_ratio().value();
|
|
|
+
|
|
|
+ if (!width.has_value() && intrinsic_width().has_value())
|
|
|
+ width = intrinsic_width();
|
|
|
+
|
|
|
+ if (!height.has_value() && intrinsic_height().has_value())
|
|
|
+ height = intrinsic_height();
|
|
|
+
|
|
|
+ return {
|
|
|
+ CSSPixels { m_x ? m_x->base_val()->value() : 0 },
|
|
|
+ CSSPixels { m_y ? m_y->base_val()->value() : 0 },
|
|
|
+ width.value_or(0),
|
|
|
+ height.value_or(0),
|
|
|
+ };
|
|
|
+}
|
|
|
+
|
|
|
+// https://www.w3.org/TR/SVG2/linking.html#processingURL
|
|
|
+void SVGImageElement::process_the_url(Optional<String> const& href)
|
|
|
+{
|
|
|
+ m_href = document().url().complete_url(href.value_or(String {}));
|
|
|
+ if (!m_href.is_valid())
|
|
|
+ return;
|
|
|
+
|
|
|
+ fetch_the_document(m_href);
|
|
|
+}
|
|
|
+
|
|
|
+// https://svgwg.org/svg2-draft/linking.html#processingURL-fetch
|
|
|
+void SVGImageElement::fetch_the_document(URL::URL const& url)
|
|
|
+{
|
|
|
+ m_load_event_delayer.emplace(document());
|
|
|
+ m_resource_request = HTML::SharedResourceRequest::get_or_create(realm(), document().page(), url);
|
|
|
+ m_resource_request->add_callbacks(
|
|
|
+ [this] {
|
|
|
+ m_load_event_delayer.clear();
|
|
|
+ },
|
|
|
+ [this] {
|
|
|
+ m_load_event_delayer.clear();
|
|
|
+ });
|
|
|
+
|
|
|
+ if (m_resource_request->needs_fetching()) {
|
|
|
+ auto request = HTML::create_potential_CORS_request(vm(), url, Fetch::Infrastructure::Request::Destination::Image, HTML::CORSSettingAttribute::NoCORS);
|
|
|
+ request->set_client(&document().relevant_settings_object());
|
|
|
+ m_resource_request->fetch_resource(realm(), request);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+JS::GCPtr<Layout::Node> SVGImageElement::create_layout_node(NonnullRefPtr<CSS::StyleProperties> style)
|
|
|
+{
|
|
|
+ return heap().allocate_without_realm<Layout::SVGImageBox>(document(), *this, move(style));
|
|
|
+}
|
|
|
+
|
|
|
+bool SVGImageElement::is_image_available() const
|
|
|
+{
|
|
|
+ return m_resource_request && m_resource_request->image_data();
|
|
|
+}
|
|
|
+
|
|
|
+Optional<CSSPixels> SVGImageElement::intrinsic_width() const
|
|
|
+{
|
|
|
+ if (!m_resource_request)
|
|
|
+ return {};
|
|
|
+ if (auto image_data = m_resource_request->image_data())
|
|
|
+ return image_data->intrinsic_width();
|
|
|
+ return {};
|
|
|
+}
|
|
|
+
|
|
|
+Optional<CSSPixels> SVGImageElement::intrinsic_height() const
|
|
|
+{
|
|
|
+ if (!m_resource_request)
|
|
|
+ return {};
|
|
|
+ if (auto image_data = m_resource_request->image_data())
|
|
|
+ return image_data->intrinsic_height();
|
|
|
+ return {};
|
|
|
+}
|
|
|
+
|
|
|
+Optional<CSSPixelFraction> SVGImageElement::intrinsic_aspect_ratio() const
|
|
|
+{
|
|
|
+ if (!m_resource_request)
|
|
|
+ return {};
|
|
|
+ if (auto image_data = m_resource_request->image_data())
|
|
|
+ return image_data->intrinsic_aspect_ratio();
|
|
|
+ return {};
|
|
|
+}
|
|
|
+
|
|
|
+RefPtr<Gfx::ImmutableBitmap> SVGImageElement::current_image_bitmap(Gfx::IntSize size) const
|
|
|
+{
|
|
|
+ if (!m_resource_request)
|
|
|
+ return {};
|
|
|
+ if (auto data = m_resource_request->image_data())
|
|
|
+ return data->bitmap(0, size);
|
|
|
+ return {};
|
|
|
+}
|
|
|
+
|
|
|
+}
|
Tim Ledbetter
