Smoothify canvas draw

Question

У меня есть приложение для рисования холста, которое динамически меняет lineWidth на основе скорости перемещения. Но это изменяется для всей части линии, и переходы выглядят странно. Есть ли простой способ, как сделать переход гладким? Мой код для динамического LineWidth:

ctx.lineWidth = Math.ceil(Math.sqrt((previousX - previousY) * (previousX - currentX) + (previousY - currentY) * (previousY - currentY))/10); 

Answer 1

Одна мысль:

• Разделите одну линию на более мелкие сегменты с приращением изменяющихся ширин.
• Используйте context.lineJoin = "round", чтобы сгладить переход между этими меньшими сегментами.