Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/mozilla-central/raw-file/tip/layout/reftests/svg/opacity-and-pattern-01.svg
<!--
Any copyright is dedicated to the Public Domain.
-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<title>Testcase for opacity on elements referencing a pattern</title>
<defs>
<pattern id="lime" width="100%" height="100%" patternUnits="userSpaceOnUse">
<rect width="100%" height="100%" fill="lime"/>
</pattern>
<pattern id="red" width="100%" height="100%" patternUnits="userSpaceOnUse">
<rect width="100%" height="100%" fill="red"/>
</pattern>
</defs>
<rect width="100%" height="100%" fill="red"/>
<!-- Create the "pass" rect using a pattern so the testcase doesn't seem to
pass if patterns are not supported -->
<rect width="100%" height="100%" fill="url(#lime)"/>
<!-- test 'opacity' -->
<rect width="25%" height="100%" fill="url(#red)" opacity="0"/>
<!-- test 'fill-opacity' -->
<rect x="25%" width="25%" height="100%" fill="url(#red)" fill-opacity="0"/>
<!-- test 'stroke-opacity' -->
<line x1="75%" x2="75%" y2="100%" stroke="url(#red)" stroke-width="50%" stroke-opacity="0"/>
</svg>