在HTML5中绘制折线

Question

如何在svg中的三个点之间绘制polyLine，它应该看起来像附加图像中的曲线。我用红色点缀了三个点，使用它可以得到像图像中的折线

enter code here
var X = (1 - t) * p0.X + t * p1.X;
var Y = (1 - t) * p0.Y + t * p1.Y;

我使用上面的公式来计算点（在我的控制点之间计算256点以获得平滑折线）以使用我的三个控制点绘制折线。但它不起作用

Answer 1

您需要在路径元素上设置fill =“none”以及相应的笔触属性。

另外，你不需要为此做任何数学运算：只需将d属性设置为“M”+（空格/逗号分隔）第一个点的X和Y +“T”+（空格/逗号分隔）第二和第三点的X和Y应该足够了。