/* * Copyright (c) 2018-2022, Andreas Kling * * SPDX-License-Identifier: BSD-2-Clause */ #include #include #include #include #include #include #include #include #include #include #include namespace Web::HTML { HTMLImageElement::HTMLImageElement(DOM::Document& document, DOM::QualifiedName qualified_name) : HTMLElement(document, move(qualified_name)) , m_image_loader(*this) { m_image_loader.on_load = [this] { set_needs_style_update(true); this->document().set_needs_layout(); queue_an_element_task(HTML::Task::Source::DOMManipulation, [this] { dispatch_event(DOM::Event::create(EventNames::load)); }); }; m_image_loader.on_fail = [this] { dbgln("HTMLImageElement: Resource did fail: {}", src()); set_needs_style_update(true); this->document().set_needs_layout(); queue_an_element_task(HTML::Task::Source::DOMManipulation, [this] { dispatch_event(DOM::Event::create(EventNames::error)); }); }; m_image_loader.on_animate = [this] { if (layout_node()) layout_node()->set_needs_display(); }; } HTMLImageElement::~HTMLImageElement() = default; void HTMLImageElement::apply_presentational_hints(CSS::StyleProperties& style) const { for_each_attribute([&](auto& name, auto& value) { if (name == HTML::AttributeNames::width) { if (auto parsed_value = parse_dimension_value(value)) style.set_property(CSS::PropertyID::Width, parsed_value.release_nonnull()); } else if (name == HTML::AttributeNames::height) { if (auto parsed_value = parse_dimension_value(value)) style.set_property(CSS::PropertyID::Height, parsed_value.release_nonnull()); } else if (name == HTML::AttributeNames::hspace) { if (auto parsed_value = parse_dimension_value(value)) { style.set_property(CSS::PropertyID::MarginLeft, *parsed_value); style.set_property(CSS::PropertyID::MarginRight, *parsed_value); } } else if (name == HTML::AttributeNames::vspace) { if (auto parsed_value = parse_dimension_value(value)) { style.set_property(CSS::PropertyID::MarginTop, *parsed_value); style.set_property(CSS::PropertyID::MarginBottom, *parsed_value); } } }); } void HTMLImageElement::parse_attribute(FlyString const& name, String const& value) { HTMLElement::parse_attribute(name, value); if (name == HTML::AttributeNames::src && !value.is_empty()) m_image_loader.load(document().parse_url(value)); } RefPtr HTMLImageElement::create_layout_node(NonnullRefPtr style) { return adopt_ref(*new Layout::ImageBox(document(), *this, move(style), m_image_loader)); } Gfx::Bitmap const* HTMLImageElement::bitmap() const { return m_image_loader.bitmap(m_image_loader.current_frame_index()); } // https://html.spec.whatwg.org/multipage/embedded-content.html#dom-img-width unsigned HTMLImageElement::width() const { const_cast(document()).update_layout(); // Return the rendered width of the image, in CSS pixels, if the image is being rendered. if (auto* paint_box = this->paint_box()) return paint_box->content_width(); // ...or else the density-corrected intrinsic width and height of the image, in CSS pixels, // if the image has intrinsic dimensions and is available but not being rendered. if (m_image_loader.has_image()) return m_image_loader.width(); // ...or else 0, if the image is not available or does not have intrinsic dimensions. return 0; } void HTMLImageElement::set_width(unsigned width) { set_attribute(HTML::AttributeNames::width, String::number(width)); } // https://html.spec.whatwg.org/multipage/embedded-content.html#dom-img-height unsigned HTMLImageElement::height() const { const_cast(document()).update_layout(); // Return the rendered height of the image, in CSS pixels, if the image is being rendered. if (auto* paint_box = this->paint_box()) return paint_box->content_height(); // ...or else the density-corrected intrinsic height and height of the image, in CSS pixels, // if the image has intrinsic dimensions and is available but not being rendered. if (m_image_loader.has_image()) return m_image_loader.height(); // ...or else 0, if the image is not available or does not have intrinsic dimensions. return 0; } void HTMLImageElement::set_height(unsigned height) { set_attribute(HTML::AttributeNames::height, String::number(height)); } }