1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/svg/svg-integration/mask-transformed-html-01.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,42 @@
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 masking of transformed HTML elements</title>
1.11 + <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769103 -->
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: 1px;
1.19 + top: 1px;
1.20 + width: 3px;
1.21 + height: 3px;
1.22 + transform: scale(100,100);
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="300" height="300"
1.31 + style="display:block; position:absolute;">
1.32 + <mask id="mask1" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
1.33 + <circle cx="0.5" cy="0.5" r="0.48" fill="white"/>
1.34 + </mask>
1.35 + <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
1.36 + <circle cx="0.5" cy="0.5" r="0.5" fill="white"/>
1.37 + </mask>
1.38 + <circle cx="150" cy="150" r="147" fill="red"/>
1.39 + </svg>
1.40 +
1.41 + <div style="background: red; mask: url(#mask1);"/>
1.42 + <div style="background: lime; mask: url(#mask2);"/>
1.43 +
1.44 +</body>
1.45 +</html>
