/* * Copyright (c) 2020, Matthew Olsson * Copyright (c) 2022, Andreas Kling * * SPDX-License-Identifier: BSD-2-Clause */ #include #include #include #include #include #include #include #include #include #include #include #include #include #include namespace Web::SVG { GC_DEFINE_ALLOCATOR(SVGSVGElement); SVGSVGElement::SVGSVGElement(DOM::Document& document, DOM::QualifiedName qualified_name) : SVGGraphicsElement(document, qualified_name) { } void SVGSVGElement::initialize(JS::Realm& realm) { Base::initialize(realm); WEB_SET_PROTOTYPE_FOR_INTERFACE(SVGSVGElement); m_view_box_for_bindings = realm.create(realm); } void SVGSVGElement::visit_edges(Visitor& visitor) { Base::visit_edges(visitor); visitor.visit(m_view_box_for_bindings); } GC::Ptr SVGSVGElement::create_layout_node(GC::Ref style) { return heap().allocate(document(), *this, move(style)); } RefPtr SVGSVGElement::width_style_value_from_attribute() const { auto parsing_context = CSS::Parser::ParsingParams { document(), CSS::Parser::ParsingMode::SVGPresentationAttribute }; auto width_attribute = attribute(SVG::AttributeNames::width); if (auto width_value = parse_css_value(parsing_context, width_attribute.value_or(String {}), CSS::PropertyID::Width)) { return width_value.release_nonnull(); } if (width_attribute == "") { // If the `width` attribute is an empty string, it defaults to 100%. // This matches WebKit and Blink, but not Firefox. The spec is unclear. // FIXME: Figure out what to do here. return CSS::PercentageStyleValue::create(CSS::Percentage { 100 }); } return nullptr; } RefPtr SVGSVGElement::height_style_value_from_attribute() const { auto parsing_context = CSS::Parser::ParsingParams { document(), CSS::Parser::ParsingMode::SVGPresentationAttribute }; auto height_attribute = attribute(SVG::AttributeNames::height); if (auto height_value = parse_css_value(parsing_context, height_attribute.value_or(String {}), CSS::PropertyID::Height)) { return height_value.release_nonnull(); } if (height_attribute == "") { // If the `height` attribute is an empty string, it defaults to 100%. // This matches WebKit and Blink, but not Firefox. The spec is unclear. // FIXME: Figure out what to do here. return CSS::PercentageStyleValue::create(CSS::Percentage { 100 }); } return nullptr; } bool SVGSVGElement::is_presentational_hint(FlyString const& name) const { if (Base::is_presentational_hint(name)) return true; return first_is_one_of(name, SVG::AttributeNames::x, SVG::AttributeNames::y, SVG::AttributeNames::width, SVG::AttributeNames::height, SVG::AttributeNames::viewBox, SVG::AttributeNames::preserveAspectRatio); } void SVGSVGElement::apply_presentational_hints(GC::Ref cascaded_properties) const { Base::apply_presentational_hints(cascaded_properties); auto parsing_context = CSS::Parser::ParsingParams { document(), CSS::Parser::ParsingMode::SVGPresentationAttribute }; auto x_attribute = attribute(SVG::AttributeNames::x); if (auto x_value = parse_css_value(parsing_context, x_attribute.value_or(String {}), CSS::PropertyID::X)) { cascaded_properties->set_property_from_presentational_hint(CSS::PropertyID::X, x_value.release_nonnull()); } auto y_attribute = attribute(SVG::AttributeNames::y); if (auto y_value = parse_css_value(parsing_context, y_attribute.value_or(String {}), CSS::PropertyID::Y)) { cascaded_properties->set_property_from_presentational_hint(CSS::PropertyID::Y, y_value.release_nonnull()); } if (auto width = width_style_value_from_attribute()) cascaded_properties->set_property_from_presentational_hint(CSS::PropertyID::Width, width.release_nonnull()); if (auto height = height_style_value_from_attribute()) cascaded_properties->set_property_from_presentational_hint(CSS::PropertyID::Height, height.release_nonnull()); } void SVGSVGElement::attribute_changed(FlyString const& name, Optional const& old_value, Optional const& value, Optional const& namespace_) { Base::attribute_changed(name, old_value, value, namespace_); if (name.equals_ignoring_ascii_case(SVG::AttributeNames::viewBox)) { if (!value.has_value()) { m_view_box_for_bindings->set_nulled(true); } else { m_view_box = try_parse_view_box(value.value_or(String {})); m_view_box_for_bindings->set_nulled(!m_view_box.has_value()); if (m_view_box.has_value()) { m_view_box_for_bindings->set_base_val(Gfx::DoubleRect { m_view_box->min_x, m_view_box->min_y, m_view_box->width, m_view_box->height }); m_view_box_for_bindings->set_anim_val(Gfx::DoubleRect { m_view_box->min_x, m_view_box->min_y, m_view_box->width, m_view_box->height }); } } } if (name.equals_ignoring_ascii_case(SVG::AttributeNames::preserveAspectRatio)) m_preserve_aspect_ratio = AttributeParser::parse_preserve_aspect_ratio(value.value_or(String {})); if (name.equals_ignoring_ascii_case(SVG::AttributeNames::width) || name.equals_ignoring_ascii_case(SVG::AttributeNames::height)) update_fallback_view_box_for_svg_as_image(); } void SVGSVGElement::update_fallback_view_box_for_svg_as_image() { // AD-HOC: This creates a fallback viewBox for SVGs used as images. // If the element has width and height, but no viewBox, // we fall back to a synthetic viewBox="0 0 width height". Optional width; Optional height; auto width_attribute = get_attribute_value(SVG::AttributeNames::width); auto parsing_context = CSS::Parser::ParsingParams { document() }; if (auto width_value = parse_css_value(parsing_context, width_attribute, CSS::PropertyID::Width)) { if (width_value->is_length() && width_value->as_length().length().is_absolute()) width = width_value->as_length().length().absolute_length_to_px().to_double(); } auto height_attribute = get_attribute_value(SVG::AttributeNames::height); if (auto height_value = parse_css_value(parsing_context, height_attribute, CSS::PropertyID::Height)) { if (height_value->is_length() && height_value->as_length().length().is_absolute()) height = height_value->as_length().length().absolute_length_to_px().to_double(); } if (width.has_value() && width.value() > 0 && height.has_value() && height.value() > 0) { m_fallback_view_box_for_svg_as_image = ViewBox { 0, 0, width.value(), height.value() }; } else { m_fallback_view_box_for_svg_as_image = {}; } } void SVGSVGElement::set_fallback_view_box_for_svg_as_image(Optional view_box) { m_fallback_view_box_for_svg_as_image = view_box; } Optional SVGSVGElement::view_box() const { if (m_view_box.has_value()) return m_view_box; // NOTE: If the parent is a document, we're an element used as an image. if (parent() && parent()->is_document() && m_fallback_view_box_for_svg_as_image.has_value()) return m_fallback_view_box_for_svg_as_image; return {}; } GC::Ref SVGSVGElement::x() const { return svg_animated_length_for_property(CSS::PropertyID::X); } GC::Ref SVGSVGElement::y() const { return svg_animated_length_for_property(CSS::PropertyID::Y); } GC::Ref SVGSVGElement::width() const { return svg_animated_length_for_property(CSS::PropertyID::Width); } GC::Ref SVGSVGElement::height() const { return svg_animated_length_for_property(CSS::PropertyID::Height); } float SVGSVGElement::current_scale() const { dbgln("(STUBBED) SVGSVGElement::current_scale(). Called on: {}", debug_description()); return 1.0f; } void SVGSVGElement::set_current_scale(float) { dbgln("(STUBBED) SVGSVGElement::set_current_scale(). Called on: {}", debug_description()); } GC::Ref SVGSVGElement::current_translate() const { dbgln("(STUBBED) SVGSVGElement::current_translate(). Called on: {}", debug_description()); return Geometry::DOMPointReadOnly::create(realm()); } GC::Ref SVGSVGElement::get_intersection_list(GC::Ref, GC::Ptr) const { dbgln("(STUBBED) SVGSVGElement::get_intersection_list(). Called on: {}", debug_description()); return DOM::StaticNodeList::create(realm(), {}); } GC::Ref SVGSVGElement::get_enclosure_list(GC::Ref, GC::Ptr) const { dbgln("(STUBBED) SVGSVGElement::get_enclosure_list(). Called on: {}", debug_description()); return DOM::StaticNodeList::create(realm(), {}); } bool SVGSVGElement::check_intersection(GC::Ref, GC::Ref) const { dbgln("(STUBBED) SVGSVGElement::check_intersection(). Called on: {}", debug_description()); return false; } bool SVGSVGElement::check_enclosure(GC::Ref, GC::Ref) const { dbgln("(STUBBED) SVGSVGElement::check_enclosure(). Called on: {}", debug_description()); return false; } void SVGSVGElement::deselect_all() const { // This is equivalent to calling document.getSelection().removeAllRanges() on the document that this ‘svg’ element is in. if (auto selection = document().get_selection()) selection->remove_all_ranges(); } GC::Ref SVGSVGElement::create_svg_length() const { // A new, detached SVGLength object whose value is the unitless 0. return SVGLength::create(realm(), SVGLength::SVG_LENGTHTYPE_NUMBER, 0); } GC::Ref SVGSVGElement::create_svg_point() const { // A new, detached DOMPoint object whose coordinates are all 0. return Geometry::DOMPoint::from_point(vm(), Geometry::DOMPointInit {}); } GC::Ref SVGSVGElement::create_svg_matrix() const { // A new, detached DOMMatrix object representing the identity matrix. return Geometry::DOMMatrix::create(realm()); } GC::Ref SVGSVGElement::create_svg_rect() const { // A new, DOMRect object whose x, y, width and height are all 0. return Geometry::DOMRect::construct_impl(realm(), 0, 0, 0, 0).release_value_but_fixme_should_propagate_errors(); } GC::Ref SVGSVGElement::create_svg_transform() const { return SVGTransform::create(realm()); } SVGSVGElement::NaturalMetrics SVGSVGElement::negotiate_natural_metrics(SVG::SVGSVGElement const& svg_root) { // https://www.w3.org/TR/SVG2/coords.html#SizingSVGInCSS NaturalMetrics natural_metrics; // The intrinsic dimensions must also be determined from the width and height sizing properties. // If either width or height are not specified, the used value is the initial value 'auto'. // 'auto' and percentage lengths must not be used to determine an intrinsic width or intrinsic height. if (auto width = svg_root.width_style_value_from_attribute(); width && width->is_length() && width->as_length().length().is_absolute()) { natural_metrics.width = width->as_length().length().absolute_length_to_px(); } if (auto height = svg_root.height_style_value_from_attribute(); height && height->is_length() && height->as_length().length().is_absolute()) { natural_metrics.height = height->as_length().length().absolute_length_to_px(); } // The intrinsic aspect ratio must be calculated using the following algorithm. If the algorithm returns null, then there is no intrinsic aspect ratio. natural_metrics.aspect_ratio = [&]() -> Optional { // 1. If the width and height sizing properties on the ‘svg’ element are both absolute values: if (natural_metrics.width.has_value() && natural_metrics.height.has_value()) { if (natural_metrics.width != 0 && natural_metrics.height != 0) { // 1. return width / height return *natural_metrics.width / *natural_metrics.height; } return {}; } // FIXME: 2. If an SVG View is active: // FIXME: 1. let viewbox be the viewbox defined by the active SVG View // FIXME: 2. return viewbox.width / viewbox.height // 3. If the ‘viewBox’ on the ‘svg’ element is correctly specified: if (svg_root.view_box().has_value()) { // 1. let viewbox be the viewbox defined by the ‘viewBox’ attribute on the ‘svg’ element auto const& viewbox = svg_root.view_box().value(); // 2. return viewbox.width / viewbox.height auto viewbox_width = CSSPixels::nearest_value_for(viewbox.width); auto viewbox_height = CSSPixels::nearest_value_for(viewbox.height); if (viewbox_width != 0 && viewbox_height != 0) return viewbox_width / viewbox_height; return {}; } // 4. return null return {}; }(); return natural_metrics; } }