Bir HTML5 Canvas çizgisinin rengini ayarlamak için, canvas içeriğinin strokeStyle özelliğini kullanabiliriz; bunlar kırmızı, yeşil veya mavi gibi bir renk dizesine, #FF0000 veya #555 gibi onaltılık bir değere veya rgb(255, 0, 0) gibi bir RGB değeri.
Çıktı:
Kod:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> </head> <body> <canvas id="canvas" width="578" height="200"></canvas> <script> var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(100, 150); context.lineTo(450, 50); context.lineWidth = 10; // set line color context.strokeStyle = '#ff0000'; context.stroke(); </script> </body> </html> |
Yorum Yap