HTML5 Canvas Çizgi Kalınlığı - Tasarım Kodlama

Trang chủ » Html çizgi Kalınlığı » HTML5 Canvas Çizgi Kalınlığı - Tasarım Kodlama

Có thể bạn quan tâm

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:

<!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>
123456789101112131415161718192021 <!DOCTYPE html><html lang="tr"><head><meta charset="UTF-8"></head><body><canvas id="canvas"width="578"height="200"></canvas> <script>varcanvas=document.getElementById('canvas');varcontext=canvas.getContext('2d'); context.beginPath();context.moveTo(100,150);context.lineTo(450,50);context.lineWidth=15;context.stroke();</script></body></html>
EtiketlerHTML5 Canvas Dersleri HTML5 Canvas Örnekleri

Từ khóa » Html çizgi Kalınlığı