Index: third_party/WebKit/LayoutTests/csspaint/background-image-tiled-expected.html |
diff --git a/third_party/WebKit/LayoutTests/csspaint/background-image-tiled-expected.html b/third_party/WebKit/LayoutTests/csspaint/background-image-tiled-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a0151d84cbaf90250e1939a98ee369aceef8a991 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/csspaint/background-image-tiled-expected.html |
@@ -0,0 +1,35 @@ |
+<!DOCTYPE html> |
+<html> |
+<body> |
+<canvas id ="one" width="100" height="100"></canvas> |
+<canvas id ="two" width="100" height="100"></canvas> |
+<script> |
+function drawCircle(ctx, geom) { |
+ var x = geom.width / 2; |
+ var y = geom.height / 2; |
+ |
+ ctx.fillStyle = 'green'; |
+ ctx.beginPath(); |
+ ctx.ellipse(x, y, x - 1, y - 1, 0, 0, 2 * Math.PI); |
+ ctx.fill(); |
+} |
+ |
+var ctx1 = document.getElementById('one').getContext('2d'); |
+drawCircle(ctx1, {width: 50, height: 50}); |
+ctx1.translate(50, 0); |
+drawCircle(ctx1, {width: 50, height: 50}); |
+ctx1.resetTransform(); |
+ctx1.translate(0, 50); |
+drawCircle(ctx1, {width: 100, height: 50}); |
+ |
+var ctx2 = document.getElementById('two').getContext('2d'); |
+for (var i = 0; i < 5; i++) { |
+ drawCircle(ctx2, {width: 50, height: 20}); |
+ ctx2.translate(0, 20); |
+} |
+ctx2.resetTransform(); |
+ctx2.translate(50, 25); |
+drawCircle(ctx2, {width: 50, height: 50}); |
+</script> |
+</body> |
+</html> |