| Index: LayoutTests/fast/canvas/canvas-state-stack-simple.html
|
| diff --git a/LayoutTests/fast/canvas/canvas-state-stack-simple.html b/LayoutTests/fast/canvas/canvas-state-stack-simple.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..41ff360b5ef6dfea6afaf4f2afe3c13ea0dc7add
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/canvas/canvas-state-stack-simple.html
|
| @@ -0,0 +1,34 @@
|
| +<!DOCTYPE html>
|
| +<script>
|
| + var context;
|
| +
|
| + window.onload = function() {
|
| + if (window.testRunner)
|
| + testRunner.waitUntilDone();
|
| + context = document.getElementById('c').getContext('2d');
|
| + context.scale(2,2);
|
| + context.beginPath();
|
| + context.rect(0,0,75,75);
|
| + context.clip();
|
| + context.fillStyle = 'red';
|
| + context.fillRect(0,0,30,30);
|
| + context.fillRect(50,50,30,30);
|
| + context.save();
|
| + context.scale(0.5,0.5);
|
| + context.beginPath();
|
| + context.rect(0,0,5,5);
|
| + context.clip();
|
| + requestAnimationFrame(drawSecondFrame);
|
| + }
|
| +
|
| + function drawSecondFrame() {
|
| + context.restore();
|
| + context.fillStyle = 'green';
|
| + context.fillRect(0,0,30,30);
|
| + context.fillRect(50,50,30,30);
|
| + if (window.testRunner)
|
| + testRunner.notifyDone();
|
| + }
|
| +</script>
|
| +<p>Two green squares of different sizes should appear below</p>
|
| +<canvas id="c" width="300" height="300"></canvas>
|
|
|