tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

paint2d-gradient-ref.html (712B)

      1 <!DOCTYPE html>
      2 <html>
      3 <body>
      4 <canvas id ="output" width="200" height="100"></canvas>
      5 <script>
      6 var canvas = document.getElementById('output');
      7 var ctx = canvas.getContext('2d');
      8 
      9 var linearGradient = ctx.createLinearGradient(0, 0, 100, 100);
     10 linearGradient.addColorStop(0, 'blue');
     11 linearGradient.addColorStop(0.5, 'red');
     12 linearGradient.addColorStop(1, 'white');
     13 ctx.fillStyle = linearGradient;
     14 ctx.fillRect(0, 0, 100, 100);
     15 
     16 var radialGradient = ctx.createRadialGradient(150, 50, 0, 150, 50, 50);
     17 radialGradient.addColorStop(0, 'blue');
     18 radialGradient.addColorStop(0.5, 'red');
     19 radialGradient.addColorStop(1, 'white');
     20 ctx.fillStyle = radialGradient;
     21 ctx.fillRect(100, 0, 100, 100);
     22 </script>
     23 </body>
     24 </html>