HTML5 Canvas’ı kullanarak metnin kontur rengini ayarlamak için, tuval bağlamının strokeStyle özelliğini bir renk dizesi, hex değeri veya RGB değeri olarak ayarlayabiliriz ve sonra metni konturlamak için strokeText() yöntemini kullanabiliriz.
Çıktı:
Kod:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <canvas id="canvas" width="578" height="200"></canvas> <script> var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); var x = 20; var y = 110; context.font = '60pt Calibri'; context.lineWidth = 3; // kontür rengi context.strokeStyle = 'blue'; context.strokeText('Merhaba Dünya!', x, y); </script> |
Yorum Yap