Bir HTML5 Kanvas çizgisinin genişliğini tanımlamak için, canvas içeriğinin lineWidth özelliğini kullanabiliriz. LineWidth özelliği, stroke() çağrılmadan önce ayarlanmalıdır.
Çıktı:
Kod:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!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 = 15; context.stroke(); </script> </body> </html> |
Yorum Yap