在HTML5中繪製折線

如何在svg中的三個點之間繪製多線並且應該看起來像附加圖像中的曲線。我已經紅色點綴三個點，使用被有可能得到的折線爲在圖像在HTML5中繪製折線

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

我已經使用了上面的公式用於計算我的控制點之間的點（計算值256點以獲得平滑的折線）使用我的三個控制點繪製折線。但它不工作

來源

2014-02-19 user3326265

您需要設置填充路徑元素=「無」，用適當的中風的屬性。只需將d屬性設置爲「M」+（空格/逗號分隔）X和Y的第一個點+「T」+（空格/逗號分隔）第二點和第三點的X和Y應該足夠了。

來源

2014-02-19 05:18:43

嗨賓利，謝謝你的回覆，我的問題通過設置填充=「無」解決。但我已經嘗試了第二個選項，它不工作polyLine =「M」+「」+（控制點[0] .X）+「」+（控制點[0] .Y）+「」+「S」+「」 +（控制點[1] .X）+「」+（控制點[1] .Y）+「」+（控制點[2] .X）+「」+（控制點[2] .Y）; – user3326265

然後你將它設置爲路徑的「d」屬性？ –

sry賓利，我犯了錯誤，現在的工作，謝謝你的解決方案 – user3326265

在HTML5中繪製折線

回答

相關問題