layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html@a63d609f5ebe
layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
Thu, 15 Jan 2015 15:55:04 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:55:04 +0100
- branch
- TOR_BUG_9701
- changeset 9
- a63d609f5ebe
- permissions
- -rw-r--r--
Back out 97036ab72558 which inappropriately compared turds to third parties.
1 <body bgcolor="orange">
2 <canvas width="300" height="300" id="testcase-canvas" style="display:none"></canvas>
3 <canvas width="300" height="300" id="testcase-canvas-dest"></canvas>
4 <script>
5 const kShadow = "rgba(00%, 0%, 0%, 1)";
6 const kTransparent = "rgba(0%, 100%, 100%, 0.5)";
8 var cx, g;
10 cx = document.getElementById('testcase-canvas').getContext('2d');
12 cx.fillStyle = kShadow;
13 cx.fillRect(100, 50, 150, 50);
15 g = cx.createLinearGradient(0, 50, 0, 0);
16 g.addColorStop(0, kShadow);
17 g.addColorStop(0.2, kTransparent);
18 g.addColorStop(1, kTransparent);
19 cx.fillStyle = g;
20 cx.fillRect(100, 0, 150, 50);
22 g = cx.createRadialGradient(100, 100, 50, 100, 100, 100);
23 g.addColorStop(0, kShadow);
24 g.addColorStop(0.2, kTransparent);
25 g.addColorStop(1, kTransparent);
26 cx.fillStyle = g;
27 cx.beginPath();
28 cx.arc(100, 100, 100, Math.PI * 0.5, Math.PI * 1.5);
29 cx.fill();
31 cx2 = document.getElementById('testcase-canvas-dest').getContext('2d');
32 // draw a chunk of the gradients from above onto testcase-canvas-dest
33 cx2.drawImage(document.getElementById('testcase-canvas'),45,20, 100,20 ,0,0, 100,20);
34 </script>
36 </window>
