Усули lineTo
Усули lineTo хат кашидани аз нуқта
ба нуқтаро иҷро мекунад. Хат аз ҷойгиршавии кунунии
қалам барои расмкашӣ то координатҳои муайяншуда кашида мешавад.
Координатҳо бо параметрҳои усул муайян карда мешаванд.
Синтаксис
контекст.lineTo(x, y);
Намуна
Биёед як хат кашем:
<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();
:
Намуна
Биёед як квадратча кашем:
<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();
:
