如何獲得長度一致的矢量曲線子段？

我正在使用Raphael Javascript庫來構建三次貝塞爾曲線。我需要在我的曲線的末端獲得一個連續長度的直線段，而不考慮較大麴線的長度或結構。但是，當我在曲線的末端放置一個點並嘗試將第二個25個單位從第一個放回時，點之間的實際距離隨着我修改曲線而變化。有沒有辦法在我的曲線的末端獲得一個直線段，並且其像素長度始終相同？我猜這與向量單位被轉換爲屏幕上的實際像素有關，但我沒有發現關於如何彌補這些不一致的細節。感謝您提供任何幫助！如何獲得長度一致的矢量曲線子段？

來源

2011-04-05 ShadesOfGrey

請說明你的「長度一致」的意思。你的意思是「以路徑末端爲中心的半徑爲25的圓，並找到圓與曲線相交的點」，或者你的意思是「找到沿距離距離25px的曲線定義的蜿蜒道路的點結束」？ – Phrogz 2011-04-05 21:40:13

如果您正在尋找長度沿的路徑，要使用getPointAtLength()：

var pt = myPath.getPointAtLength(myPath.getTotalLength() - 25);

這會給你一個SVGPoint路徑的父的局部空間。

您可以使用此方法（及以上）沿此路徑定期抽樣檢驗看一個例子：
http://phrogz.net/SVG/convert_path_to_polygon.xhtml

來源

2011-04-05 21:44:15 Phrogz

如何獲得長度一致的矢量曲線子段？

回答

相關問題