Я пытаюсь получить круглый кончик кисти, но приведенный ниже код создает кончик кисти в форме линии.
context.lineWidth = 1;
context.lineCap = "round";
Как получить круглый кончик кисти?
Я пытаюсь получить круглый кончик кисти, но приведенный ниже код создает кончик кисти в форме линии.
context.lineWidth = 1;
context.lineCap = "round";
Как получить круглый кончик кисти?
Вам просто нужно нарисовать путь к холсту и установить lineCap
в round
.
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(10, 10);
context.lineTo(canvas.width/2, canvas.height / 2);
context.lineWidth = 10;
context.strokeStyle = "red";
context.lineCap = "round";
context.stroke();
См. также этот пример в Mozilla Developer Network.