gecko-dev/layout/reftests/svg/mask-and-clipPath-ref.html
2016-03-31 16:34:32 -04:00

35 lines
1017 B
HTML

<!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>