blob: af1f03b04f8f4efb71e690f2f3715f124f59f66a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<body style="margin:0">
<div style="clip-path: url(#c1); width:400px; height:200px; background:lime; transform: translate(100px, 100px);">
<div style="height:200px;"/>
<div style="height:200px; background:blue;"/>
</div>
<svg:svg height="0">
<svg:clipPath id="c1" clipPathUnits="userSpaceOnuse">
<svg:rect x="0" y="0" width="300" height="300"/>
</svg:clipPath>
</svg:svg>
</body>
</html>
|
