如何在移動設備上高效地繪製矢量曲線？

Question

我正在研究一個基於矢量的移動應用程序。首先，我已經開始使用多邊形來表示曲線。不過，我很快就達到了手機上的Polygon Limit。爲了克服這個限制，我開始使用紋理並着色像素。儘管這是一個非常簡單的解決方案，但我受到紋理和操作的最高分辨率的限制。

我發現的唯一有希望的事情是OpenVG，但它好像不是很受歡迎。

那麼如何創建手機矢量繪圖應用程序？我被Adobe Illustrator mobile震撼了，它似乎能夠在矢量圖形中繪製無限的曲線/線條。

Answer 1

允許基於矢量的自由曲線繪製的一種可能方法是使用Bézier curves。貝塞爾曲線通過插值由起點，終點和任意數量的控制點定義的值來構造。這樣可以從一組笛卡爾點構造一個自由曲線曲線。

這樣做的好處是，通過只存儲表示曲線的點數據，您可以在任何比例下呈現相同的曲線，而無需將曲線存儲在紋理中。因此，您不需要存儲數百個中間點來形成小線段來表示相同的曲線。

Here are a number of sample code snippets使用Android中的Path對象構造自由形式矢量曲線。

如果您有大量曲線要呈現到畫布，則只需存儲定義貝塞爾曲線的點數據。一次只創建Path對象並使用reset方法重新定義每次要繪製新曲線的點時非常重要。 Sample code to achieve this can be found here.