2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
3 <title>Canvas test:
2d.gradient.interpolate.overlap
</title>
4 <script src=
"/resources/testharness.js"></script>
5 <script src=
"/resources/testharnessreport.js"></script>
6 <script src=
"/html/canvas/resources/canvas-tests.js"></script>
7 <link rel=
"stylesheet" href=
"/html/canvas/resources/canvas-tests.css">
8 <body class=
"show_output">
10 <h1>2d.gradient.interpolate.overlap
</h1>
14 <p class=
"output">Actual output:
</p>
15 <canvas id=
"c" class=
"output" width=
"100" height=
"50"><p class=
"fallback">FAIL (fallback content)
</p></canvas>
16 <p class=
"output expectedtext">Expected output:
<p><img src=
"2d.gradient.interpolate.overlap.png" class=
"output expected" id=
"expected" alt=
"">
19 var t
= async_test("");
20 _addTest(function(canvas
, ctx
) {
23 var g
= ctx
.createLinearGradient(0, 0, 200, 0);
24 g
.addColorStop(0, '#f00');
25 g
.addColorStop(0, '#ff0');
26 g
.addColorStop(0.25, '#00f');
27 g
.addColorStop(0.25, '#0f0');
28 g
.addColorStop(0.25, '#0f0');
29 g
.addColorStop(0.25, '#0f0');
30 g
.addColorStop(0.25, '#ff0');
31 g
.addColorStop(0.5, '#00f');
32 g
.addColorStop(0.5, '#0f0');
33 g
.addColorStop(0.75, '#00f');
34 g
.addColorStop(0.75, '#f00');
35 g
.addColorStop(0.75, '#ff0');
36 g
.addColorStop(0.5, '#0f0');
37 g
.addColorStop(0.5, '#0f0');
38 g
.addColorStop(0.5, '#ff0');
39 g
.addColorStop(1, '#00f');
41 ctx
.fillRect(0, 0, 200, 50);
42 _assertPixelApprox(canvas
, 49,25, 0,0,255,255, 16);
43 _assertPixelApprox(canvas
, 51,25, 255,255,0,255, 16);
44 _assertPixelApprox(canvas
, 99,25, 0,0,255,255, 16);
45 _assertPixelApprox(canvas
, 101,25, 255,255,0,255, 16);
46 _assertPixelApprox(canvas
, 149,25, 0,0,255,255, 16);
47 _assertPixelApprox(canvas
, 151,25, 255,255,0,255, 16);