| 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>
|
|
|