RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 03:37:34 +00:00
Code Issues Activity Actions

LibWeb: Add SVG <circle> element and test case :^)

Browse source
This commit is contained in:
Sam Atkins 2022-02-11 16:14:58 +00:00 • committed by Andreas Kling
parent 1dde6a0a2b
commit 21bdcee3c3
11 changed files with 132 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

73
Userland/Libraries/LibWeb/SVG/SVGCircleElement.cpp Normal file
View file

@ -0,0 +1,73 @@
/*
* Copyright (c) 2022, Sam Atkins <atkinssj@serenityos.org>
*
* SPDX-License-Identifier: BSD-2-Clause
*/
#include "SVGCircleElement.h"
#include <LibWeb/SVG/AttributeNames.h>
#include <LibWeb/SVG/AttributeParser.h>
namespace Web::SVG {
SVGCircleElement::SVGCircleElement(DOM::Document& document, QualifiedName qualified_name)
: SVGGeometryElement(document, qualified_name)
{
}
void SVGCircleElement::parse_attribute(FlyString const& name, String const& value)
{
SVGGeometryElement::parse_attribute(name, value);
if (name == SVG::AttributeNames::cx) {
m_center_x = AttributeParser::parse_coordinate(value);
m_path.clear();
} else if (name == SVG::AttributeNames::cy) {
m_center_y = AttributeParser::parse_coordinate(value);
m_path.clear();
} else if (name == SVG::AttributeNames::r) {
m_radius = AttributeParser::parse_positive_length(value);
m_path.clear();
}
}
Gfx::Path& SVGCircleElement::get_path()
{
if (m_path.has_value())
return m_path.value();
float cx = m_center_x.value_or(0);
float cy = m_center_y.value_or(0);
float r = m_radius.value_or(0);
Gfx::Path path;
// A zero radius disables rendering.
if (r == 0) {
m_path = move(path);
return m_path.value();
}
bool large_arc = false;
bool sweep = true;
// 1. A move-to command to the point cx+r,cy;
path.move_to({ cx + r, cy });
// 2. arc to cx,cy+r;
path.arc_to({ cx, cy + r }, r, large_arc, sweep);
// 3. arc to cx-r,cy;
path.arc_to({ cx - r, cy }, r, large_arc, sweep);
// 4. arc to cx,cy-r;
path.arc_to({ cx, cy - r }, r, large_arc, sweep);
// 5. arc with a segment-completing close path operation.
path.arc_to({ cx + r, cy }, r, large_arc, sweep);
m_path = move(path);
return m_path.value();
}
}