SVG動畫動畫。隨機開始位置

Question

我正在嘗試創建原子的動畫方案。我意識到電子的動畫，但他們總是在Path元素的第一個點開始動畫。

見這裏的例子：http://localhostr.com/3CVziiftCJmm

如何從沿着路徑曲線隨機點開始動畫？也可以接受另一種解決方案：旋轉路徑曲線。無論如何，我想讓這個原子方案更真實。

Answer 1

svg中沒有聲明性的隨機性，儘管它一直是proposed。如果你看看提供的示例，你會發現一個JavaScript庫，它允許你在svg中使用聲明性的隨機性（但是請注意，它仍然需要JavaScript來工作）。

如果需要隨機性，另一種選擇是使用javascript生成所需的路徑偏移量，例如，調整< motionPath>元素上的keyTimes and keyPoints屬性。

它可能會完全兼容JavaScript驅動的動畫，但是，webkit有動態修改的動畫元素的問題。