242 of 264 menu

lineTo Metodu

lineTo metodu noktadan noktaya çizgi çizer. Çizgi, çizim için mevcut kalem konumundan belirtilen koordinatlara kadar çizilir. Koordinatlar metodun parametreleri ile belirtilir.

Sözdizimi

bağlam.lineTo(x, y);

Örnek

Bir çizgi çizelim:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas> let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(50, 50); ctx.lineTo(150, 50); ctx.stroke();

:

Örnek

Bir kare çizelim:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas> let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(50, 50); ctx.lineTo(150, 50); ctx.lineTo(150, 150); ctx.lineTo(50, 150); ctx.lineTo(50, 50); ctx.stroke();

:

Ayrıca Bakınız

  • moveTo metodu,
    çizim kalemini hareket ettirir
  • closePath metodu,
    çizgileri bir şekilde kapatır
  • lineWidth özelliği,
    çizgi kalınlığını belirler
  • lineJoin özelliği,
    çizgi birleşim stilini belirler
Türkçe
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenЎзбекOʻzbekTiếng Việt
Web sitesinin çalışması, analiz ve kişiselleştirme için çerezleri kullanıyoruz. Veri işleme, Gizlilik Politikası'na uygun olarak gerçekleşir.
tümünü kabul et özelleştir reddet