HTML Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Red Rectangle</title>
  </head>
  <body>
    <canvas id="myCanvas" width="400" height="200"></canvas>
    <script>
      const canvas = document.getElementById('myCanvas');
      const ctx = canvas.getContext('2d');

      ctx.fillStyle = 'red';
      ctx.fillRect(10, 10, 100, 100);
    </script>
  </body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Canvas Introduction — Red Filled Rectangle