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: