多個HTML5 canvas動畫

Question

我在不同的AngularJS指令中有多個HTML canvas元素。每個元素都使用​​進行動畫製作。

1. 表現如何？可以撥打​​爲每個canvas/directive或正在使用一個service與callback函數爲所有渲染功能提供更好的方法嗎？
2. 在繪製內容之前，渲染函數中會進行大量計算。對於每一幀，這些計算都是必要的。這應該在​​呼叫之前完成，還是可以在此呼叫之後進行大量計算？

Answer 1

​​將獲得對同一幀完成的所有請求，但我不確定請求的順序是什麼。我假設他們按照他們的要求進行排序。

多個幀請求或調用多個函數的單個幀請求之間的區別很小。這將是一種風格選擇，而不是性能選擇。

如果每個渲染幀都需要計算，那麼讓它們獨立於幀請求運行是沒有好處的，因爲您必須找到一種方法來保持它們同步，這會增加開銷。如果它們不依賴於框架，那麼最好以任何速度進行操作，以保持應用程序的順暢運行。