HTML5 Canvas Metin Boyutu ve Stili

HTML5 Canvas kullanarak metin çizmek için, font özelliğini ve canvas bağlamının fillText() yöntemini kullanabiliriz.

HTML5 Canvas metninin fontunu, boyutunu ve stilini ayarlamak için canvas bağlamının font özelliğini, boşluklarla sınırlandırılmış font stilini, boyutunu ve ailesini içeren bir dizeye ayarlayabiliriz. Stil normal, italik veya kalın olabilir. Aksi belirtilmedikçe, yazı tipi stili varsayılan olarak normaldir.

Font özelliği ayarlandıktan sonra, metni bir dize ve bir x ve y konumu gerektiren fillText() yöntemiyle çizebiliriz.

Çıktı:

Kod:


<canvas id="canvas" width="578" height="200"></canvas>
<script>
    var canvas = document.getElementById('canvas');
    var context = canvas.getContext('2d');

    context.font = 'italic 40pt Calibri';
    context.fillText('Merhaba Dünya!', 150, 100);
</script>

var canvas = document.getElementById('canvas');

var context = canvas.getContext('2d');

context.font = 'italic 40pt Calibri';

context.fillText('Merhaba Dünya!', 150, 100);

</script>

EtiketlerHTML5 Canvas Dersleri HTML5 Canvas Örnekleri

HTML5 Canvas Metin Boyutu ve Stili

Yorum Yap

İptal Et

Bunları da beğenebilirsiniz

Yorum Yap