Свойство lineWidth задает толщину линии при рисовании на canvas.

См. также метод moveTo, который перемещает перо для рисования, ничего при этом не рисуя.

См. также учебник по canvas для более полного понимания.

Синтаксис

контекст.lineWidth = целое число;

Примеры

Пример

Давайте нарисуем линию и установим ей толщину в 5 пикселей:

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.lineWidth = 5; //толщина 5px
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

Результат выполнения кода:

Пример

Толщину также можно и менять для контуров, например нарисованных с помощью rect:

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.rect(50, 50, 100, 100);
ctx.lineWidth = 5;
ctx.stroke();

Результат выполнения кода: