summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/mask-and-clipPath-ref.html
blob: 86098fa835d42a1d7c240713ed258fd4ce3a7b02 (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
<!DOCTYPE html>
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
 </head>
 <body>
   <svg height="100%" preserveAspectRatio="none meet" viewBox="0 0 1070 462" width="100%">
    <g height="462" width="1070">
     <g mask="url(#mask-1)"  transform="translate(0,10)">
      <g>
       <path class="data-line" d="M30,260L61,266.5L900,266.5" fill="none" stroke="#cc0000" stroke-width="20" visibility="visible">
       </path>
      </g>
     </g>
    </g>
    <g>
     <g>
      <mask id="mask-1">
       <rect fill="#000" height="100%" width="100%" x="0" y="0">
       </rect>
       <rect fill="#fff" height="462" width="400" x="40" y="-10">
       </rect>
       <rect fill="#fff" height="460" width="100" x="800" y="-10">
       </rect>
       <rect fill="#000" height="447" offset="164" width="60" x="164" y="0">
       </rect>
       <rect fill="#000" height="447" offset="376" width="56" x="376" y="0">
       </rect>
      </mask>
     </g>
    </g>
   </svg>
 </body>
</html>