Метод stroke

stroke методу lineTo жардамы менен сызык сызоону бүтүрүү үчүн, ошондой эле, мисалы, rect методу аркылуу сызылган фигураларды контур менен сызоо үчүн чакырылат.

Синтаксис

javascriptконтекст.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.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.closePath();
ctx.stroke();

Результат:

Ошондой эле караңыз