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

Пользователь

от jorge , в категории: Другие , 10 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от camren , 10 месяцев назад

@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().