2020-01-18 11:38:21 +03:00
|
|
|
/*
|
|
|
|
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
|
|
|
|
*
|
2021-04-22 11:24:48 +03:00
|
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
2020-01-18 11:38:21 +03:00
|
|
|
*/
|
|
|
|
|
2020-02-15 01:28:42 +03:00
|
|
|
#include <LibGfx/Bitmap.h>
|
2021-07-30 21:31:46 +03:00
|
|
|
#include <LibWeb/CSS/Parser/Parser.h>
|
2020-03-07 12:32:51 +03:00
|
|
|
#include <LibWeb/CSS/StyleResolver.h>
|
|
|
|
#include <LibWeb/DOM/Document.h>
|
2020-04-14 21:10:48 +03:00
|
|
|
#include <LibWeb/DOM/Event.h>
|
2020-11-21 22:15:57 +03:00
|
|
|
#include <LibWeb/HTML/EventNames.h>
|
2020-07-26 16:08:16 +03:00
|
|
|
#include <LibWeb/HTML/HTMLImageElement.h>
|
2020-11-22 17:53:01 +03:00
|
|
|
#include <LibWeb/Layout/ImageBox.h>
|
2020-06-01 21:42:50 +03:00
|
|
|
#include <LibWeb/Loader/ResourceLoader.h>
|
2019-10-05 23:07:45 +03:00
|
|
|
|
2020-07-28 19:20:36 +03:00
|
|
|
namespace Web::HTML {
|
2020-03-07 12:27:02 +03:00
|
|
|
|
2021-02-07 13:20:15 +03:00
|
|
|
HTMLImageElement::HTMLImageElement(DOM::Document& document, QualifiedName qualified_name)
|
|
|
|
: HTMLElement(document, move(qualified_name))
|
2021-04-14 17:39:12 +03:00
|
|
|
, m_image_loader(*this)
|
2019-10-05 23:07:45 +03:00
|
|
|
{
|
2020-06-13 23:22:54 +03:00
|
|
|
m_image_loader.on_load = [this] {
|
|
|
|
this->document().update_layout();
|
2021-09-09 02:06:01 +03:00
|
|
|
queue_an_element_task(HTML::Task::Source::DOMManipulation, [this] {
|
|
|
|
dispatch_event(DOM::Event::create(EventNames::load));
|
|
|
|
});
|
2020-06-13 23:22:54 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
m_image_loader.on_fail = [this] {
|
2021-01-09 16:02:45 +03:00
|
|
|
dbgln("HTMLImageElement: Resource did fail: {}", src());
|
2020-06-13 23:22:54 +03:00
|
|
|
this->document().update_layout();
|
2021-09-09 02:06:01 +03:00
|
|
|
queue_an_element_task(HTML::Task::Source::DOMManipulation, [this] {
|
|
|
|
dispatch_event(DOM::Event::create(EventNames::error));
|
|
|
|
});
|
2020-06-13 23:22:54 +03:00
|
|
|
};
|
2020-06-14 20:26:25 +03:00
|
|
|
|
|
|
|
m_image_loader.on_animate = [this] {
|
|
|
|
if (layout_node())
|
|
|
|
layout_node()->set_needs_display();
|
|
|
|
};
|
2019-10-05 23:07:45 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
HTMLImageElement::~HTMLImageElement()
|
|
|
|
{
|
|
|
|
}
|
2019-10-06 00:20:35 +03:00
|
|
|
|
2020-07-26 21:01:35 +03:00
|
|
|
void HTMLImageElement::apply_presentational_hints(CSS::StyleProperties& style) const
|
2020-07-22 02:16:27 +03:00
|
|
|
{
|
|
|
|
for_each_attribute([&](auto& name, auto& value) {
|
|
|
|
if (name == HTML::AttributeNames::width) {
|
|
|
|
if (auto parsed_value = parse_html_length(document(), value)) {
|
|
|
|
style.set_property(CSS::PropertyID::Width, parsed_value.release_nonnull());
|
|
|
|
}
|
|
|
|
} else if (name == HTML::AttributeNames::height) {
|
|
|
|
if (auto parsed_value = parse_html_length(document(), value)) {
|
|
|
|
style.set_property(CSS::PropertyID::Height, parsed_value.release_nonnull());
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2020-03-22 15:10:04 +03:00
|
|
|
void HTMLImageElement::parse_attribute(const FlyString& name, const String& value)
|
2019-10-06 15:03:51 +03:00
|
|
|
{
|
2020-06-04 17:04:52 +03:00
|
|
|
HTMLElement::parse_attribute(name, value);
|
2019-10-06 15:03:51 +03:00
|
|
|
|
2021-05-24 18:53:38 +03:00
|
|
|
if (name == HTML::AttributeNames::src && !value.is_empty())
|
2021-09-09 19:08:56 +03:00
|
|
|
m_image_loader.load(document().parse_url(value));
|
2020-06-02 21:27:26 +03:00
|
|
|
}
|
|
|
|
|
2021-01-06 16:27:40 +03:00
|
|
|
RefPtr<Layout::Node> HTMLImageElement::create_layout_node()
|
2019-10-06 00:20:35 +03:00
|
|
|
{
|
2021-01-06 16:27:40 +03:00
|
|
|
auto style = document().style_resolver().resolve_style(*this);
|
2020-06-24 17:22:16 +03:00
|
|
|
if (style->display() == CSS::Display::None)
|
2019-10-06 00:20:35 +03:00
|
|
|
return nullptr;
|
2021-04-23 17:46:57 +03:00
|
|
|
return adopt_ref(*new Layout::ImageBox(document(), *this, move(style), m_image_loader));
|
2020-06-13 23:22:54 +03:00
|
|
|
}
|
|
|
|
|
2020-02-06 13:56:38 +03:00
|
|
|
const Gfx::Bitmap* HTMLImageElement::bitmap() const
|
2019-10-06 00:41:14 +03:00
|
|
|
{
|
2021-01-30 00:30:48 +03:00
|
|
|
return m_image_loader.bitmap(m_image_loader.current_frame_index());
|
2019-10-06 00:41:14 +03:00
|
|
|
}
|
2019-12-18 22:57:18 +03:00
|
|
|
|
2020-03-07 12:27:02 +03:00
|
|
|
}
|