Метод stroke

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

Синтаксис

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

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

fill методу,
ал фигураны фон менен толтурушу үчүн колдонулат
strokeStyle касиети,
ал сызыктын түсүн белгилейт