content/canvas/test/test_2d.gradient.radial.touch3.html

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     1 <!DOCTYPE HTML>
     2 <title>Canvas test: 2d.gradient.radial.touch3</title>
     3 <script src="/tests/SimpleTest/SimpleTest.js"></script>
     4 <link rel="stylesheet" href="/tests/SimpleTest/test.css">
     5 <body>
     6 <canvas id="c" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
     7 <script>
     8 function isPixel(ctx, x,y, r,g,b,a, pos, colour, d) {
     9     var pixel = ctx.getImageData(x, y, 1, 1);
    10     var pr = pixel.data[0],
    11         pg = pixel.data[1],
    12         pb = pixel.data[2],
    13         pa = pixel.data[3];
    14     ok(r-d <= pr && pr <= r+d &&
    15        g-d <= pg && pg <= g+d &&
    16        b-d <= pb && pb <= b+d &&
    17        a-d <= pa && pa <= a+d,
    18        "pixel "+pos+" is "+pr+","+pg+","+pb+","+pa+"; expected "+colour+" +/- "+d);
    19 }
    20 function todo_isPixel(ctx, x,y, r,g,b,a, pos, colour, d) {
    21     var pixel = ctx.getImageData(x, y, 1, 1);
    22     var pr = pixel.data[0],
    23         pg = pixel.data[1],
    24         pb = pixel.data[2],
    25         pa = pixel.data[3];
    26     todo(r-d <= pr && pr <= r+d &&
    27        g-d <= pg && pg <= g+d &&
    28        b-d <= pb && pb <= b+d &&
    29        a-d <= pa && pa <= a+d,
    30        "pixel "+pos+" is "+pr+","+pg+","+pb+","+pa+"; expected "+colour+" +/- "+d);
    31 }
    33 SimpleTest.waitForExplicitFinish();
    34 addLoadEvent(function () {
    36 var canvas = document.getElementById('c');
    37 var ctx = canvas.getContext('2d');
    39 ctx.fillStyle = '#0f0';
    40 ctx.fillRect(0, 0, 100, 50);
    42 var g = ctx.createRadialGradient(120, -15, 25, 140, -30, 50);
    43 g.addColorStop(0, '#f00');
    44 g.addColorStop(1, '#f00');
    45 ctx.fillStyle = g;
    46 ctx.fillRect(0, 0, 100, 50);
    48 isPixel(ctx, 1,1, 0,255,0,255, "1,1", "0,255,0,255", 0);
    49 isPixel(ctx, 50,1, 0,255,0,255, "50,1", "0,255,0,255", 0);
    50 isPixel(ctx, 98,1, 0,255,0,255, "98,1", "0,255,0,255", 0);
    51 isPixel(ctx, 1,25, 0,255,0,255, "1,25", "0,255,0,255", 0);
    52 isPixel(ctx, 50,25, 0,255,0,255, "50,25", "0,255,0,255", 0);
    53 isPixel(ctx, 98,25, 0,255,0,255, "98,25", "0,255,0,255", 0);
    54 isPixel(ctx, 1,48, 0,255,0,255, "1,48", "0,255,0,255", 0);
    55 isPixel(ctx, 50,48, 0,255,0,255, "50,48", "0,255,0,255", 0);
    56 isPixel(ctx, 98,48, 0,255,0,255, "98,48", "0,255,0,255", 0);
    58 SimpleTest.finish();
    60 });
    61 </script>

mercurial