Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /svg/pservers/reftests/radialgradient-fully-overlapping.svg - WPT Dashboard Interop Dashboard
<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">
<title>Radial gradient with overlapping start and end circles</title>
<metadata>
<html:link rel="help" href="https://svgwg.org/svg2-draft/pservers.html#RadialGradientNotes"/>
<html:link rel="match" href="reference/green-100x100.svg"/>
<html:meta name="assert" content="If the start circle fully overlaps with the end circle, the gradient should be drawn."/>
<html:meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-4500"/>
</metadata>
<rect width="100" height="100" fill="red"/>
<radialGradient id="fully_overlapping" r="100" fr="100">
<stop stop-color="green"/>
<stop stop-color="green" offset="1"/>
</radialGradient>
<rect width="100" height="100" fill="url(#fully_overlapping) orange"/>
</svg>