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