4cdb4de049
This allows valid SVG attributes such as `font-size` with a unitless value to be parsed successfully (in an admittedly hacky way).
127 lines
5.7 KiB
C++
127 lines
5.7 KiB
C++
/*
|
|
* Copyright (c) 2020, Matthew Olsson <matthewcolsson@gmail.com>
|
|
* Copyright (c) 2022, Andreas Kling <kling@serenityos.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#include <LibWeb/CSS/Parser/Parser.h>
|
|
#include <LibWeb/CSS/StyleComputer.h>
|
|
#include <LibWeb/CSS/StyleValues/LengthStyleValue.h>
|
|
#include <LibWeb/CSS/StyleValues/PercentageStyleValue.h>
|
|
#include <LibWeb/DOM/Document.h>
|
|
#include <LibWeb/DOM/Event.h>
|
|
#include <LibWeb/HTML/Parser/HTMLParser.h>
|
|
#include <LibWeb/Layout/SVGSVGBox.h>
|
|
#include <LibWeb/SVG/AttributeNames.h>
|
|
#include <LibWeb/SVG/SVGSVGElement.h>
|
|
|
|
namespace Web::SVG {
|
|
|
|
SVGSVGElement::SVGSVGElement(DOM::Document& document, DOM::QualifiedName qualified_name)
|
|
: SVGGraphicsElement(document, qualified_name)
|
|
{
|
|
}
|
|
|
|
JS::ThrowCompletionOr<void> SVGSVGElement::initialize(JS::Realm& realm)
|
|
{
|
|
MUST_OR_THROW_OOM(Base::initialize(realm));
|
|
set_prototype(&Bindings::ensure_web_prototype<Bindings::SVGSVGElementPrototype>(realm, "SVGSVGElement"));
|
|
|
|
return {};
|
|
}
|
|
|
|
JS::GCPtr<Layout::Node> SVGSVGElement::create_layout_node(NonnullRefPtr<CSS::StyleProperties> style)
|
|
{
|
|
return heap().allocate_without_realm<Layout::SVGSVGBox>(document(), *this, move(style));
|
|
}
|
|
|
|
void SVGSVGElement::apply_presentational_hints(CSS::StyleProperties& style) const
|
|
{
|
|
Base::apply_presentational_hints(style);
|
|
|
|
// NOTE: Hack to ensure SVG unitless widths/heights are parsed even with <!DOCTYPE html>
|
|
FIXME::TemporarilyEnableQuirksMode enable_quirks(document());
|
|
|
|
auto width_attribute = attribute(SVG::AttributeNames::width);
|
|
auto parsing_context = CSS::Parser::ParsingContext { document() };
|
|
if (auto width_value = parse_css_value(parsing_context, attribute(Web::HTML::AttributeNames::width), CSS::PropertyID::Width).release_value_but_fixme_should_propagate_errors()) {
|
|
style.set_property(CSS::PropertyID::Width, width_value.release_nonnull());
|
|
} else 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.
|
|
style.set_property(CSS::PropertyID::Width, CSS::PercentageStyleValue::create(CSS::Percentage { 100 }).release_value_but_fixme_should_propagate_errors());
|
|
}
|
|
|
|
// Height defaults to 100%
|
|
auto height_attribute = attribute(SVG::AttributeNames::height);
|
|
if (auto height_value = parse_css_value(parsing_context, attribute(Web::HTML::AttributeNames::height), CSS::PropertyID::Height).release_value_but_fixme_should_propagate_errors()) {
|
|
style.set_property(CSS::PropertyID::Height, height_value.release_nonnull());
|
|
} else 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.
|
|
style.set_property(CSS::PropertyID::Height, CSS::PercentageStyleValue::create(CSS::Percentage { 100 }).release_value_but_fixme_should_propagate_errors());
|
|
}
|
|
}
|
|
|
|
void SVGSVGElement::attribute_changed(DeprecatedFlyString const& name, DeprecatedString const& value)
|
|
{
|
|
SVGGraphicsElement::attribute_changed(name, value);
|
|
|
|
if (name.equals_ignoring_ascii_case(SVG::AttributeNames::viewBox))
|
|
m_view_box = try_parse_view_box(value);
|
|
if (name.equals_ignoring_ascii_case(SVG::AttributeNames::preserveAspectRatio))
|
|
m_preserve_aspect_ratio = AttributeParser::parse_preserve_aspect_ratio(value);
|
|
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 <svg> element has width and height, but no viewBox,
|
|
// we fall back to a synthetic viewBox="0 0 width height".
|
|
|
|
Optional<double> width;
|
|
Optional<double> height;
|
|
|
|
auto width_attribute = attribute(SVG::AttributeNames::width);
|
|
auto parsing_context = CSS::Parser::ParsingContext { document() };
|
|
if (auto width_value = parse_css_value(parsing_context, attribute(Web::HTML::AttributeNames::width), CSS::PropertyID::Width).release_value_but_fixme_should_propagate_errors()) {
|
|
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 = attribute(SVG::AttributeNames::height);
|
|
if (auto height_value = parse_css_value(parsing_context, attribute(Web::HTML::AttributeNames::height), CSS::PropertyID::Height).release_value_but_fixme_should_propagate_errors()) {
|
|
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<ViewBox> view_box)
|
|
{
|
|
m_fallback_view_box_for_svg_as_image = view_box;
|
|
}
|
|
|
|
Optional<ViewBox> SVGSVGElement::view_box() const
|
|
{
|
|
if (m_view_box.has_value())
|
|
return m_view_box;
|
|
|
|
// NOTE: If the parent is a document, we're an <svg> 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 {};
|
|
}
|
|
|
|
}
|