如何移動到另一個位置並在拉斐爾中創建一個圓圈「動畫」js

Question

我已經創建了一個圓點作爲小圓圈並且想要動畫來查看它是如何工作的，它從x：300，y：390，r： 5至300,130。我在網上搜索瞭如何對一個圓圈進行動畫處理，並且發現了更多關於如何對其進行動畫處理的方法，但並不是我所需要的。我想要相同的半徑點從一個點移動到另一個點。我在路徑/「.animateAlong（）」中發現了一些東西。這是我需要的嗎？這是這個「沿路徑期待的屬性？

我想要的圓周運動動畫一旦代碼運行。不想用鼠標監聽改變位置。

希望得到一些清晰吧，如果可能的話，一個簡單的代碼示例讓我看看它是如何工作的

Answer 1

你只需要設置你想要動畫的屬性，在這種情況下cx & cy（cx，cy是圓的中心，rects有x，y）

myCircleElement.animate({ cy: 150 }, 2000);