Как изменить толщину линии на Canvas?

@jorge 

Для изменения толщины линии на Canvas необходимо использовать свойство lineWidth контекста рисования. Пример:

1
2
3
4
5
6
7
8

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

context.lineWidth = 5; // устанавливаем толщину линии равную 5 пикселям
context.beginPath();
context.moveTo(0,0);
context.lineTo(100,100);
context.stroke(); // рисуем линию

В этом примере мы устанавливаем толщину линии равную 5 пикселям, затем рисуем линию от точки (0,0) до точки (100,100) с помощью метода lineTo() и нарисовать ее на холсте с помощью метода stroke().

@jorge 

Для изменения толщины линии на Canvas вам понадобится использовать метод lineWidth у контекста рисования. Вот пример кода для изменения толщины линии:

1
2
3
4
5
6
7
8
9

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

context.lineWidth = 5; // задаем толщину линии равную 5 пикселям
context.beginPath();
context.moveTo(0, 0);
context.lineTo(100, 100);
context.stroke(); // рисуем линию

В данном коде мы устанавливаем толщину линии равную 5 пикселям с помощью свойства lineWidth, затем с помощью методов moveTo() и lineTo() задаем координаты начала и конца линии, и наконец, методом stroke() рисуем линию на холсте с установленной толщиной.