Son Haberler
Anasayfa / HTML5 / HTML5 Canvas Metin Rengi Eğitimi

HTML5 Canvas Metin Rengi Eğitimi

Html5 canvas ile biraz renkli yazılar yazmaya ne dersiniz?

HTML5 Canvas metin rengini ayarlamak için, bir renk dize, onaltılık bir değer veya RGB değeri tuval bağlamda fillStyle özelliğini ayarlayabilirsiniz.

Örnek:

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <canvas id="yazi" width="578" height="200"></canvas>
    <script>
      var canvas = document.getElementById('yazi');
      var context = canvas.getContext('2d');

      context.font = '40pt Calibri';
      context.fillStyle = 'red';
      context.fillText('Merhaba Uzaylı!', 150, 100);
    </script>
  </body>
</html>

Kodlar çalıştığında aşağıdaki grafikteki gibi bir görüntü alacaksınız.

Önizleme:

Merhaba_uzayli_red