Index: LayoutTests/svg/clip-path/deep-nested-clip-in-mask-panning.svg |
diff --git a/LayoutTests/svg/clip-path/deep-nested-clip-in-mask-panning.svg b/LayoutTests/svg/clip-path/deep-nested-clip-in-mask-panning.svg |
index fca1ec2b3688d48a40a70b266959660ee8ec56d9..90656d4c2b5e69a0eb07f2ffcc0278c20593dec4 100644 |
--- a/LayoutTests/svg/clip-path/deep-nested-clip-in-mask-panning.svg |
+++ b/LayoutTests/svg/clip-path/deep-nested-clip-in-mask-panning.svg |
@@ -1,52 +1,52 @@ |
-<svg xmlns="http://www.w3.org/2000/svg"> |
-<defs> |
- <clipPath id="clip1" clipPathUnits="objectBoundingBox"> |
- <circle cx="0" cy="0" r="0.5" /> |
- <circle cx="0" cy="1" r="0.5" /> |
- </clipPath> |
- |
- <clipPath id="clip2" clipPathUnits="objectBoundingBox"> |
- <circle cx="1" cy="0" r="0.5" /> |
- <circle cx="1" cy="1" r="0.5" /> |
- </clipPath> |
- |
- <clipPath id="clip" clipPathUnits="objectBoundingBox"> |
- <rect x="0" y="0" width="1" height="1" clip-path="url(#clip1)"/> |
- <rect x="0" y="0" width="1" height="1" clip-path="url(#clip2)"/> |
- </clipPath> |
- |
- <mask id="mask1a" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
- <rect x="0" y="0" width="1" height="1" fill="white"/> |
- <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip1)" /> |
- </mask> |
- |
- <mask id="mask1b" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
- <rect x="0" y="0" width="1" height="1" fill="white"/> |
- <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip2)" /> |
- </mask> |
- |
- <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
- <rect x="0" y="0" width="1" height="1" fill="white" mask="url(#mask1a)"/> |
- </mask> |
- |
- <mask id="mask3" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
- <rect x="0" y="0" width="1" height="1" fill="white" mask="url(#mask1b)"/> |
- </mask> |
-</defs> |
- |
-<!-- The mask on the <g> causes nothing to be renderer with Opera, clearly a bug --> |
-<g mask="url(#mask1a)"> |
- <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask1b)"/> |
-</g> |
- |
-<!-- The mask on the <g> causes nothing to be renderer with Opera, clearly a bug --> |
-<g mask="url(#mask3)"> |
- <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask2)"/> |
-</g> |
- |
-<text x="250" y="250" text-anchor="middle">The left shape should still be visible after panning<tspan x="250" dy="25">And the right shape shouldn't look distorted</tspan></text> |
-<script> |
-var translate = document.getElementsByTagName('svg')[0].currentTranslate; |
-translate.x = -75; |
-</script> |
-</svg> |
+<svg xmlns="http://www.w3.org/2000/svg"> |
+<defs> |
+ <clipPath id="clip1" clipPathUnits="objectBoundingBox"> |
+ <circle cx="0" cy="0" r="0.5" /> |
+ <circle cx="0" cy="1" r="0.5" /> |
+ </clipPath> |
+ |
+ <clipPath id="clip2" clipPathUnits="objectBoundingBox"> |
+ <circle cx="1" cy="0" r="0.5" /> |
+ <circle cx="1" cy="1" r="0.5" /> |
+ </clipPath> |
+ |
+ <clipPath id="clip" clipPathUnits="objectBoundingBox"> |
+ <rect x="0" y="0" width="1" height="1" clip-path="url(#clip1)"/> |
+ <rect x="0" y="0" width="1" height="1" clip-path="url(#clip2)"/> |
+ </clipPath> |
+ |
+ <mask id="mask1a" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
+ <rect x="0" y="0" width="1" height="1" fill="white"/> |
+ <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip1)" /> |
+ </mask> |
+ |
+ <mask id="mask1b" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
+ <rect x="0" y="0" width="1" height="1" fill="white"/> |
+ <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip2)" /> |
+ </mask> |
+ |
+ <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
+ <rect x="0" y="0" width="1" height="1" fill="white" mask="url(#mask1a)"/> |
+ </mask> |
+ |
+ <mask id="mask3" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox"> |
+ <rect x="0" y="0" width="1" height="1" fill="white" mask="url(#mask1b)"/> |
+ </mask> |
+</defs> |
+ |
+<!-- The mask on the <g> causes nothing to be renderer with Opera, clearly a bug --> |
+<g mask="url(#mask1a)"> |
+ <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask1b)"/> |
+</g> |
+ |
+<!-- The mask on the <g> causes nothing to be renderer with Opera, clearly a bug --> |
+<g mask="url(#mask3)"> |
+ <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask2)"/> |
+</g> |
+ |
+<text x="250" y="250" text-anchor="middle">The left shape should still be visible after panning<tspan x="250" dy="25">And the right shape shouldn't look distorted</tspan></text> |
+<script> |
+var translate = document.getElementsByTagName('svg')[0].currentTranslate; |
+translate.x = -75; |
+</script> |
+</svg> |