Mbinu ya lineTo

Mbinu lineTo inachora mstari kutoka kwa uhakika hadi kwa uhakika. Mstari unachorwa kutoka kwenye msimamo wa sasa wa kalamu ya kuchora hadi kwenye viwianishi vilivyoainishwa. Viwianishi huelezewa kwa vigezo vya mbinu.

Syntax

javascriptmuktadha.lineTo(x, y);

Mfano

Wacha tuchore mstari:

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

Результат:

Mfano

Wacha tuchore mraba:

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

Результат:

Angalia pia