/* * Copyright (c) 2018-2023, Andreas Kling * Copyright (c) 2021, Tobias Christiansen * Copyright (c) 2021-2023, Sam Atkins * Copyright (c) 2022-2023, MacDue * * SPDX-License-Identifier: BSD-2-Clause */ #include "ImageStyleValue.h" #include #include #include #include #include #include #include #include #include namespace Web::CSS { ImageStyleValue::ImageStyleValue(URL::URL const& url) : AbstractImageStyleValue(Type::Image) , m_url(url) { } ImageStyleValue::~ImageStyleValue() = default; void ImageStyleValue::visit_edges(JS::Cell::Visitor& visitor) const { // FIXME: visit_edges in non-GC allocated classes is confusing pattern. // Consider making CSSStyleValue to be GC allocated instead. visitor.visit(m_resource_request); visitor.visit(m_timer); } void ImageStyleValue::load_any_resources(DOM::Document& document) { if (m_resource_request) return; m_document = &document; m_resource_request = HTML::SharedResourceRequest::get_or_create(document.realm(), document.page(), m_url); m_resource_request->add_callbacks( [this, weak_this = make_weak_ptr()] { if (!weak_this) return; if (!m_document) return; if (auto navigable = m_document->navigable()) { // Once the image has loaded, we need to re-resolve CSS properties that depend on the image's dimensions. m_document->set_needs_to_resolve_paint_only_properties(); // FIXME: Do less than a full repaint if possible? m_document->set_needs_display(); } auto image_data = m_resource_request->image_data(); if (image_data->is_animated() && image_data->frame_count() > 1) { m_timer = Platform::Timer::create(m_document->heap()); m_timer->set_interval(image_data->frame_duration(0)); m_timer->on_timeout = GC::create_function(m_document->heap(), [this] { animate(); }); m_timer->start(); } }, nullptr); if (m_resource_request->needs_fetching()) { auto request = HTML::create_potential_CORS_request(document.vm(), m_url, Fetch::Infrastructure::Request::Destination::Image, HTML::CORSSettingAttribute::NoCORS); request->set_client(&document.relevant_settings_object()); m_resource_request->fetch_resource(document.realm(), request); } } void ImageStyleValue::animate() { if (!m_resource_request) return; auto image_data = m_resource_request->image_data(); if (!image_data) return; m_current_frame_index = (m_current_frame_index + 1) % image_data->frame_count(); auto current_frame_duration = image_data->frame_duration(m_current_frame_index); if (current_frame_duration != m_timer->interval()) m_timer->restart(current_frame_duration); if (m_current_frame_index == image_data->frame_count() - 1) { ++m_loops_completed; if (m_loops_completed > 0 && m_loops_completed == image_data->loop_count()) m_timer->stop(); } if (on_animate) on_animate(); } bool ImageStyleValue::is_paintable() const { return image_data(); } Gfx::ImmutableBitmap const* ImageStyleValue::bitmap(size_t frame_index, Gfx::IntSize size) const { if (auto image_data = this->image_data()) return image_data->bitmap(frame_index, size); return nullptr; } String ImageStyleValue::to_string(SerializationMode) const { return serialize_a_url(m_url.to_string()); } bool ImageStyleValue::equals(CSSStyleValue const& other) const { if (type() != other.type()) return false; return m_url == other.as_image().m_url; } Optional ImageStyleValue::natural_width() const { if (auto image_data = this->image_data()) return image_data->intrinsic_width(); return {}; } Optional ImageStyleValue::natural_height() const { if (auto image_data = this->image_data()) return image_data->intrinsic_height(); return {}; } Optional ImageStyleValue::natural_aspect_ratio() const { if (auto image_data = this->image_data()) return image_data->intrinsic_aspect_ratio(); return {}; } void ImageStyleValue::paint(PaintContext& context, DevicePixelRect const& dest_rect, CSS::ImageRendering image_rendering) const { if (auto const* b = bitmap(m_current_frame_index, dest_rect.size().to_type()); b != nullptr) { auto scaling_mode = to_gfx_scaling_mode(image_rendering, b->rect(), dest_rect.to_type()); context.display_list_recorder().draw_scaled_immutable_bitmap(dest_rect.to_type(), *b, b->rect(), scaling_mode); } } Gfx::ImmutableBitmap const* ImageStyleValue::current_frame_bitmap(DevicePixelRect const& dest_rect) const { return bitmap(m_current_frame_index, dest_rect.size().to_type()); } GC::Ptr ImageStyleValue::image_data() const { if (!m_resource_request) return nullptr; return m_resource_request->image_data(); } Optional ImageStyleValue::color_if_single_pixel_bitmap() const { if (auto const* b = bitmap(m_current_frame_index)) { if (b->width() == 1 && b->height() == 1) return b->get_pixel(0, 0); } return {}; } }