2d.gradient.interpolate.overlap.html (1641B)
1 <!DOCTYPE html> 2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. --> 3 <meta charset="UTF-8"> 4 <title>OffscreenCanvas test: 2d.gradient.interpolate.overlap</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/html/canvas/resources/canvas-tests.js"></script> 8 9 <h1>2d.gradient.interpolate.overlap</h1> 10 <p class="desc"></p> 11 12 13 <script> 14 var t = async_test(""); 15 var t_pass = t.done.bind(t); 16 var t_fail = t.step_func(function(reason) { 17 throw reason; 18 }); 19 t.step(function() { 20 21 var canvas = new OffscreenCanvas(100, 50); 22 var ctx = canvas.getContext('2d'); 23 24 canvas.width = 200; 25 var g = ctx.createLinearGradient(0, 0, 200, 0); 26 g.addColorStop(0, '#f00'); 27 g.addColorStop(0, '#ff0'); 28 g.addColorStop(0.25, '#00f'); 29 g.addColorStop(0.25, '#0f0'); 30 g.addColorStop(0.25, '#0f0'); 31 g.addColorStop(0.25, '#0f0'); 32 g.addColorStop(0.25, '#ff0'); 33 g.addColorStop(0.5, '#00f'); 34 g.addColorStop(0.5, '#0f0'); 35 g.addColorStop(0.75, '#00f'); 36 g.addColorStop(0.75, '#f00'); 37 g.addColorStop(0.75, '#ff0'); 38 g.addColorStop(0.5, '#0f0'); 39 g.addColorStop(0.5, '#0f0'); 40 g.addColorStop(0.5, '#ff0'); 41 g.addColorStop(1, '#00f'); 42 ctx.fillStyle = g; 43 ctx.fillRect(0, 0, 200, 50); 44 _assertPixelApprox(canvas, 49,25, 0,0,255,255, 16); 45 _assertPixelApprox(canvas, 51,25, 255,255,0,255, 16); 46 _assertPixelApprox(canvas, 99,25, 0,0,255,255, 16); 47 _assertPixelApprox(canvas, 101,25, 255,255,0,255, 16); 48 _assertPixelApprox(canvas, 149,25, 0,0,255,255, 16); 49 _assertPixelApprox(canvas, 151,25, 255,255,0,255, 16); 50 t.done(); 51 52 }); 53 </script>