平滑画布绘制

Question

我有画布绘制应用程序，可根据移动速度动态更改lineWidth。 但是它会在整个行中发生变化，并且转换看起来很奇怪。 有一些简单的方法可以使转换平滑吗？ 我的动态lineWidth代码：

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

Answer 1

一想到：

• 随着lineWidths的变化，将单行分成更小的段。
• 使用context.lineJoin =“ round”可以平滑这些较小的细分之间的过渡。