| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | /*
 | 
					
						
							|  |  |  |  * Copyright (c) 2022, Sam Atkins <atkinssj@serenityos.org> | 
					
						
							|  |  |  |  * | 
					
						
							|  |  |  |  * SPDX-License-Identifier: BSD-2-Clause | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2022-09-25 18:04:39 -06:00
										 |  |  | #include <LibWeb/Bindings/Intrinsics.h>
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  | #include <LibWeb/CSS/Parser/Parser.h>
 | 
					
						
							|  |  |  | #include <LibWeb/Layout/Node.h>
 | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | #include <LibWeb/SVG/AttributeNames.h>
 | 
					
						
							|  |  |  | #include <LibWeb/SVG/AttributeParser.h>
 | 
					
						
							| 
									
										
										
										
											2022-08-28 13:42:07 +02:00
										 |  |  | #include <LibWeb/SVG/SVGCircleElement.h>
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  | #include <LibWeb/SVG/SVGViewport.h>
 | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | 
 | 
					
						
							|  |  |  | namespace Web::SVG { | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-11-19 19:47:52 +01:00
										 |  |  | JS_DEFINE_ALLOCATOR(SVGCircleElement); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2022-02-18 21:00:52 +01:00
										 |  |  | SVGCircleElement::SVGCircleElement(DOM::Document& document, DOM::QualifiedName qualified_name) | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  |     : SVGGeometryElement(document, qualified_name) | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2023-01-10 06:28:20 -05:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-08-07 08:41:28 +02:00
										 |  |  | void SVGCircleElement::initialize(JS::Realm& realm) | 
					
						
							| 
									
										
										
										
											2023-01-10 06:28:20 -05:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2023-08-07 08:41:28 +02:00
										 |  |  |     Base::initialize(realm); | 
					
						
							| 
									
										
										
										
											2024-03-16 13:13:08 +01:00
										 |  |  |     WEB_SET_PROTOTYPE_FOR_INTERFACE(SVGCircleElement); | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  | void SVGCircleElement::apply_presentational_hints(CSS::StyleProperties& style) const | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |     Base::apply_presentational_hints(style); | 
					
						
							|  |  |  |     auto parsing_context = CSS::Parser::ParsingContext { document(), CSS::Parser::ParsingContext::Mode::SVGPresentationAttribute }; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     auto cx_attribute = attribute(SVG::AttributeNames::cx); | 
					
						
							|  |  |  |     if (auto cx_value = parse_css_value(parsing_context, cx_attribute.value_or(String {}), CSS::PropertyID::Cx)) | 
					
						
							|  |  |  |         style.set_property(CSS::PropertyID::Cx, cx_value.release_nonnull()); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     auto cy_attribute = attribute(SVG::AttributeNames::cy); | 
					
						
							|  |  |  |     if (auto cy_value = parse_css_value(parsing_context, cy_attribute.value_or(String {}), CSS::PropertyID::Cy)) | 
					
						
							|  |  |  |         style.set_property(CSS::PropertyID::Cy, cy_value.release_nonnull()); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     auto r_attribute = attribute(SVG::AttributeNames::r); | 
					
						
							|  |  |  |     if (auto r_value = parse_css_value(parsing_context, r_attribute.value_or(String {}), CSS::PropertyID::R)) | 
					
						
							|  |  |  |         style.set_property(CSS::PropertyID::R, r_value.release_nonnull()); | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:15:06 +00:00
										 |  |  | Gfx::Path SVGCircleElement::get_path(CSSPixelSize viewport_size) | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |     auto* node = layout_node(); | 
					
						
							|  |  |  |     auto cx = float(node->computed_values().cx().to_px(*node, viewport_size.width())); | 
					
						
							|  |  |  |     auto cy = float(node->computed_values().cy().to_px(*node, viewport_size.height())); | 
					
						
							|  |  |  |     // Percentages refer to the normalized diagonal of the current SVG viewport
 | 
					
						
							|  |  |  |     // (see Units: https://svgwg.org/svg2-draft/coords.html#Units)
 | 
					
						
							|  |  |  |     auto r = float(node->computed_values().r().to_px(*node, normalized_diagonal_length(viewport_size))); | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | 
 | 
					
						
							|  |  |  |     // A zero radius disables rendering.
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:15:06 +00:00
										 |  |  |     if (r == 0) | 
					
						
							|  |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |     Gfx::Path path; | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  |     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); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:15:06 +00:00
										 |  |  |     return path; | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2022-03-22 16:37:16 +00:00
										 |  |  | // https://www.w3.org/TR/SVG11/shapes.html#CircleElementCXAttribute
 | 
					
						
							| 
									
										
										
										
											2022-09-02 14:04:59 +02:00
										 |  |  | JS::NonnullGCPtr<SVGAnimatedLength> SVGCircleElement::cx() const | 
					
						
							| 
									
										
										
										
											2022-03-22 16:37:16 +00:00
										 |  |  | { | 
					
						
							|  |  |  |     // FIXME: Create a proper animated value when animations are supported.
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |     auto make_length = [&] { | 
					
						
							| 
									
										
										
										
											2024-03-23 07:08:54 +00:00
										 |  |  |         if (auto const* style = computed_css_values(); style) { | 
					
						
							|  |  |  |             if (auto cx = style->length_percentage(CSS::PropertyID::Cx); cx.has_value()) | 
					
						
							|  |  |  |                 return SVGLength::from_length_percentage(realm(), *cx); | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |         return SVGLength::create(realm(), 0, 0.0f); | 
					
						
							|  |  |  |     }; | 
					
						
							|  |  |  |     return SVGAnimatedLength::create(realm(), make_length(), make_length()); | 
					
						
							| 
									
										
										
										
											2022-03-22 16:37:16 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | // https://www.w3.org/TR/SVG11/shapes.html#CircleElementCYAttribute
 | 
					
						
							| 
									
										
										
										
											2022-09-02 14:04:59 +02:00
										 |  |  | JS::NonnullGCPtr<SVGAnimatedLength> SVGCircleElement::cy() const | 
					
						
							| 
									
										
										
										
											2022-03-22 16:37:16 +00:00
										 |  |  | { | 
					
						
							|  |  |  |     // FIXME: Create a proper animated value when animations are supported.
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |     auto make_length = [&] { | 
					
						
							| 
									
										
										
										
											2024-03-23 07:08:54 +00:00
										 |  |  |         if (auto const* style = computed_css_values(); style) { | 
					
						
							|  |  |  |             if (auto cy = style->length_percentage(CSS::PropertyID::Cy); cy.has_value()) | 
					
						
							|  |  |  |                 return SVGLength::from_length_percentage(realm(), *cy); | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |         return SVGLength::create(realm(), 0, 0.0f); | 
					
						
							|  |  |  |     }; | 
					
						
							|  |  |  |     return SVGAnimatedLength::create(realm(), make_length(), make_length()); | 
					
						
							| 
									
										
										
										
											2022-03-22 16:37:16 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | // https://www.w3.org/TR/SVG11/shapes.html#CircleElementRAttribute
 | 
					
						
							| 
									
										
										
										
											2022-09-02 14:04:59 +02:00
										 |  |  | JS::NonnullGCPtr<SVGAnimatedLength> SVGCircleElement::r() const | 
					
						
							| 
									
										
										
										
											2022-03-22 16:37:16 +00:00
										 |  |  | { | 
					
						
							|  |  |  |     // FIXME: Create a proper animated value when animations are supported.
 | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |     auto make_length = [&] { | 
					
						
							| 
									
										
										
										
											2024-03-23 07:08:54 +00:00
										 |  |  |         if (auto const* style = computed_css_values(); style) { | 
					
						
							|  |  |  |             if (auto r = computed_css_values()->length_percentage(CSS::PropertyID::R); r.has_value()) | 
					
						
							|  |  |  |                 return SVGLength::from_length_percentage(realm(), *r); | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2024-03-03 20:47:10 +00:00
										 |  |  |         return SVGLength::create(realm(), 0, 0.0f); | 
					
						
							|  |  |  |     }; | 
					
						
							|  |  |  |     return SVGAnimatedLength::create(realm(), make_length(), make_length()); | 
					
						
							| 
									
										
										
										
											2022-03-22 16:37:16 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2022-02-11 16:14:58 +00:00
										 |  |  | } |