Усули lineTo

Усули lineTo хат кашидани аз нуқта ба нуқтаро иҷро мекунад. Хат аз ҷойгиршавии кунунии қалам барои расмкашӣ то координатҳои муайяншуда кашида мешавад. Координатҳо бо параметрҳои усул муайян карда мешаванд.

Синтаксис

javascriptконтекст.lineTo(x, y);

Намуна

Биёед як хат кашем:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

Результат:

Намуна

Биёед як квадратча кашем:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet 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();

Результат:

Ҳамчунин бубинед