Untitled

<html>
  <head>
  </head>
  <body>
    <canvas id="myCanvas" width="400" height="400" style="border:1px solid #000;"></canvas>
    
    <script>
      const canvas = document.getElementById('myCanvas');
      const ctx = canvas.getContext('2d');
      
      // Draw the circle
      ctx.beginPath();
      ctx.arc(150, 150, 130, 0, Math.PI * 2);
      ctx.fillStyle = 'yellow';
      ctx.fill();
      ctx.closePath();
      
      // Draw the text
      ctx.font = '20px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText('grupi web design', 60, 150); // Adjusted to center the text within the circle
    </script>
  </body>
</html>
Editor is loading...