mirror of
				https://github.com/RGBCube/serenity
				synced 2025-10-31 22:12:44 +00:00 
			
		
		
		
	 163b6bb401
			
		
	
	
		163b6bb401
		
	
	
	
	
		
			
			Rather than try to lay out masks normally, this updates the TreeBuilder to create layout nodes for masks as a child of their user (i.e. the masked element). This allows each use of a mask to be laid out differently, which makes supporting `maskContentUnits=objectBoundingBox` fairly easy. The `SVGFormattingContext` is then updated to lay out masks last (as their sizing may depend on their parent), and treats them like viewports. This is pretty ad-hoc, but the SVG specification does not give any guidance on how to actually implement this.
		
			
				
	
	
		
			62 lines
		
	
	
	
		
			1.9 KiB
		
	
	
	
		
			C++
		
	
	
	
	
	
			
		
		
	
	
			62 lines
		
	
	
	
		
			1.9 KiB
		
	
	
	
		
			C++
		
	
	
	
	
	
| /*
 | |
|  * Copyright (c) 2023, Andreas Kling <kling@serenityos.org>
 | |
|  * Copyright (c) 2023, MacDue <macdue@dueutil.tech>
 | |
|  *
 | |
|  * SPDX-License-Identifier: BSD-2-Clause
 | |
|  */
 | |
| 
 | |
| #include <LibWeb/Bindings/SVGMaskElementPrototype.h>
 | |
| #include <LibWeb/DOM/Document.h>
 | |
| #include <LibWeb/SVG/AttributeNames.h>
 | |
| #include <LibWeb/SVG/SVGMaskElement.h>
 | |
| 
 | |
| namespace Web::SVG {
 | |
| 
 | |
| JS_DEFINE_ALLOCATOR(SVGMaskElement);
 | |
| 
 | |
| SVGMaskElement::SVGMaskElement(DOM::Document& document, DOM::QualifiedName tag_name)
 | |
|     : SVGGraphicsElement(document, move(tag_name))
 | |
| {
 | |
| }
 | |
| 
 | |
| SVGMaskElement::~SVGMaskElement() = default;
 | |
| 
 | |
| void SVGMaskElement::initialize(JS::Realm& realm)
 | |
| {
 | |
|     Base::initialize(realm);
 | |
|     set_prototype(&Bindings::ensure_web_prototype<Bindings::SVGMaskElementPrototype>(realm, "SVGMaskElement"_fly_string));
 | |
| }
 | |
| 
 | |
| JS::GCPtr<Layout::Node> SVGMaskElement::create_layout_node(NonnullRefPtr<CSS::StyleProperties>)
 | |
| {
 | |
|     // Masks are handled as a special case in the TreeBuilder.
 | |
|     return nullptr;
 | |
| }
 | |
| 
 | |
| void SVGMaskElement::attribute_changed(FlyString const& name, Optional<String> const& value)
 | |
| {
 | |
|     SVGGraphicsElement::attribute_changed(name, value);
 | |
|     if (name == AttributeNames::maskUnits) {
 | |
|         m_mask_units = AttributeParser::parse_units(value.value_or(String {}));
 | |
|     } else if (name == AttributeNames::maskContentUnits) {
 | |
|         m_mask_content_units = AttributeParser::parse_units(value.value_or(String {}));
 | |
|     }
 | |
| }
 | |
| 
 | |
| MaskContentUnits SVGMaskElement::mask_content_units() const
 | |
| {
 | |
|     return m_mask_content_units.value_or(MaskContentUnits::UserSpaceOnUse);
 | |
| }
 | |
| 
 | |
| MaskUnits SVGMaskElement::mask_units() const
 | |
| {
 | |
|     return m_mask_units.value_or(MaskUnits::ObjectBoundingBox);
 | |
| }
 | |
| 
 | |
| CSSPixelRect SVGMaskElement::resolve_masking_area(CSSPixelRect const& mask_target) const
 | |
| {
 | |
|     // TODO: Resolve this based on the x, y, width, and height of the mask.
 | |
|     return mask_target.inflated(mask_target.size().scaled(CSSPixels(2) / 10));
 | |
| }
 | |
| 
 | |
| }
 |