summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/opacity-and-pattern-01.svg
blob: 665c9064a4182a17d22eb99931111f67bd4755f9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!--
     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>