ladybird/Userland/Libraries/LibWeb/Layout/SVGPathBox.cpp
Andreas Kling 92c08ad4ac LibWeb: Add SVGFormattingContext to handle SVG box trees
Instead of trying to layout SVG boxes as if they are regular CSS boxes,
let's invent an "SVG formatting context" and let it manage SVG boxes.

To facilitate this, Layout::SVGBox no longer inherits from ReplacedBox,
and is instead a simple, "inline-block" style BlockBox.
2021-09-18 01:39:59 +02:00

58 lines
1.7 KiB
C++

/*
* Copyright (c) 2020, Matthew Olsson <matthewcolsson@gmail.com>
*
* SPDX-License-Identifier: BSD-2-Clause
*/
#include <LibGfx/AntiAliasingPainter.h>
#include <LibGfx/Painter.h>
#include <LibWeb/Layout/SVGPathBox.h>
#include <LibWeb/SVG/SVGPathElement.h>
namespace Web::Layout {
SVGPathBox::SVGPathBox(DOM::Document& document, SVG::SVGPathElement& element, NonnullRefPtr<CSS::StyleProperties> properties)
: SVGGraphicsBox(document, element, properties)
{
}
void SVGPathBox::paint(PaintContext& context, PaintPhase phase)
{
if (!is_visible())
return;
SVGGraphicsBox::paint(context, phase);
if (phase != PaintPhase::Foreground)
return;
auto& path_element = dom_node();
auto& path = path_element.get_path();
// We need to fill the path before applying the stroke, however the filled
// path must be closed, whereas the stroke path may not necessary be closed.
// Copy the path and close it for filling, but use the previous path for stroke
auto closed_path = path;
closed_path.close();
// Fills are computed as though all paths are closed (https://svgwg.org/svg2-draft/painting.html#FillProperties)
Gfx::AntiAliasingPainter painter { context.painter() };
auto& svg_context = context.svg_context();
auto offset = absolute_position() - effective_offset();
painter.translate(offset);
painter.fill_path(
closed_path,
path_element.fill_color().value_or(svg_context.fill_color()),
Gfx::Painter::WindingRule::EvenOdd);
painter.stroke_path(
path,
path_element.stroke_color().value_or(svg_context.stroke_color()),
path_element.stroke_width().value_or(svg_context.stroke_width()));
painter.translate(-offset);
}
}