2012-04-12 73 views
1

我有一個設計難題。繪製貝塞爾曲線的最佳方法

想象一下,新的Facebook時間軸上有很多按時間順序排列的帖子。然而,而不是直線的,我需要做一個隨機曲線與靠着它像這樣的內容: enter image description here

的複雜性來自於,因爲當用戶滾動更多帖子被加載(臉譜/谷歌的圖像風格)所以這條線幾乎是無止境的。

至於我可以告訴我的選擇是:

  1. SVG - 在舊的瀏覽器支持不好
  2. 閃存層 - 嵌入西港島線是巨大的,會導致性能問題
  3. 帆布 - 再次在畫布上會是巨大的,可能會導致性能問題

問題

是否有任何跨瀏覽器gfx庫可以做到這一點,最好是支持IE7/8?還是有更聰明的方法來做到這一點,我可能忽略了?

編輯:答案 看到下面,拉斐爾證明是我發現這樣做的最好方式。

回答

0

如果位置是可預測的和靜態的,你可以使用預渲染的曲線段作爲普通背景脫身。它可以處理所有事情,並且實現起來非常簡單。

如果您想要得到幻想,您可以存儲每個曲線段所需的翻譯,並隨機選擇能夠讓您保持在設定寬度範圍內的翻譯。