Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> canvas { border: 2px solid #202131; } </style> </head> <body> <canvas id="exampleCanvas" width="500" height="200"></canvas> <script> var canvas = document.getElementById('exampleCanvas'); var context = canvas.getContext('2d'); context.rect(0, 0, 500, 200); var linear = context.createLinearGradient(0, 0, 500, 200); linear.addColorStop(0, '#297979'); linear.addColorStop(1, '#2ee035'); context.fillStyle = linear; context.fill(); </script> </body> </html>