<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <title>Testcase for opacity on elements referencing a pattern</title> <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=374280 --> <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>