1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/svg/svg-integration/clipPath-transformed-html-02.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,44 @@
1.4 +<!--
1.5 + Any copyright is dedicated to the Public Domain.
1.6 + http://creativecommons.org/publicdomain/zero/1.0/
1.7 +-->
1.8 +<html xmlns="http://www.w3.org/1999/xhtml">
1.9 +<head>
1.10 + <title>Test SVG clipPath clipping of transformed HTML elements</title>
1.11 + <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773197 -->
1.12 + <style type="text/css">
1.13 +
1.14 +* { margin: 0; border: 0; padding: 0;}
1.15 +
1.16 +div {
1.17 + position: absolute;
1.18 + left: 50px;
1.19 + top: 50px;
1.20 + width: 150px;
1.21 + height: 150px;
1.22 + transform: scale(2,2);
1.23 + transform-origin: 0 0;
1.24 +}
1.25 +
1.26 + </style>
1.27 +</head>
1.28 +<body bgcolor="lime">
1.29 +
1.30 + <svg xmlns="http://www.w3.org/2000/svg" width="350" height="350"
1.31 + style="display:block; position:absolute;">
1.32 + <clipPath id="cp1" x="0" y="0" width="1" height="1" clipPathUnits="objectBoundingBox">
1.33 + <circle cx="0.5" cy="0.5" r="0.01" fill="white"/>
1.34 + <circle cx="0.5" cy="0.5" r="0.48" fill="white"/>
1.35 + </clipPath>
1.36 + <clipPath id="cp2" x="0" y="0" width="1" height="1" clipPathUnits="objectBoundingBox">
1.37 + <circle cx="0.5" cy="0.5" r="0.01" fill="white"/>
1.38 + <circle cx="0.5" cy="0.5" r="0.50" fill="white"/>
1.39 + </clipPath>
1.40 + <circle cx="200" cy="200" r="147" fill="red"/>
1.41 + </svg>
1.42 +
1.43 + <div style="background: red; clip-path: url(#cp1);"/>
1.44 + <div style="background: lime; clip-path: url(#cp2);"/>
1.45 +
1.46 +</body>
1.47 +</html>
