Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-masking/mask-svg-content/mask-type-002.svg - WPT Dashboard Interop Dashboard
<g id="testmeta">
<title>CSS Masking: mask without mask-type luminance</title>
<html:link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"/>
<html:link rel="match" href="reference/mask-green-square-001-ref.svg"/>
<metadata class="flags">svg</metadata>
<desc class="assert">The mask type "alpha" is applied to the mask element.
The mask should take the luminocity of the content to mask. You should
see a green square.</desc>
</g>
<mask id="mask" mask-type="luminance">
<rect width="200" height="200" fill="black"/>
<rect x="50" y="50" width="100" height="100" fill="white"/>
</mask>
<rect width="200" height="200" fill="green" mask="url(#mask)"/>
</svg>