<!DOCTYPE html><!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. --><metacharset="UTF-8"><title>Canvas test: 2d.gradient.radial.outside3</title><scriptsrc="/resources/testharness.js"></script><scriptsrc="/resources/testharnessreport.js"></script><scriptsrc="/html/canvas/resources/canvas-tests.js"></script><linkrel="stylesheet"href="/html/canvas/resources/canvas-tests.css"><bodyclass="show_output"><h1>2d.gradient.radial.outside3</h1><pclass="desc"></p><pclass="output">Actual output:</p><canvasid="c"class="output"width="100"height="50"><pclass="fallback">FAIL (fallback content)</p></canvas><pclass="output expectedtext">Expected output:<p><imgsrc="/images/green-100x50.png"class="output expected"id="expected"alt=""><ulid="d"></ul><script>vart=async_test("");_addTest(function(canvas,ctx){ctx.fillStyle='#f00';ctx.fillRect(0,0,100,50);varg=ctx.createRadialGradient(200,25,20,200,25,10);g.addColorStop(0,'#0f0');g.addColorStop(0.001,'#f00');g.addColorStop(1,'#f00');ctx.fillStyle=g;ctx.fillRect(0,0,100,50);_assertPixel(canvas,1,1,0,255,0,255);_assertPixel(canvas,50,1,0,255,0,255);_assertPixel(canvas,98,1,0,255,0,255);_assertPixel(canvas,1,25,0,255,0,255);_assertPixel(canvas,50,25,0,255,0,255);_assertPixelApprox(canvas,98,25,0,255,0,255,1);_assertPixel(canvas,1,48,0,255,0,255);_assertPixelApprox(canvas,50,48,0,255,0,255,1);_assertPixel(canvas,98,48,0,255,0,255);});</script>