在更改道具時處理SVG動畫的最佳方法是什么？
[英]Whats the best way to handle SVG animations on prop change?
問題描述
我有以下兩個ReactJS組件：
MyGraphThingy，它充當實際元素的容器。 它呈現為帶有子元素的svg元素。
MyGraphElement，呈現為一個圓。
在第三個組件中，render方法返回以下內容：
<MyGraphThingy><MyGraphElement position={this.getPosition()/></MyGraphThingy>
其中的getPosition（）取決於組件狀態。 因此，如果組件的相關狀態發生變化，則SVG圓的位置應發生變化。
問題是，實現動畫的最佳方法是什么，以便使圓環平穩地過渡而不是從一個地方跳到另一個地方？
圓圈只是一個例子，實際用例涉及幾乎所有SVG屬性的動畫。
不，我不想依賴D3，是的，理想情況下，我希望在MyGraphThingy中處理由屬性更改觸發的問題，而不是使用諸如react-animate之類的模塊。 我可能應該在其中使用一些生命周期方法，但是我想知道如何實現實際的動畫。
1 個解決方案
解決方案1
-1 2015-10-08 12:04:05
Ajax jQuery圖片上傳-新手問題最好的處理方法是什么？
[英]Ajax jQuery picture upload - newbie question whats the best way to handle this?
jQuery $ .post PHP是處理多維對象或數組的最佳方法
[英]jQuery $.post PHP whats the best way to handle a multidimensional object or array
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.