概要

Vue.js上におけるCanvas描画の影響を試してみました。
公式サイトではCREATEJS（TWEENJS）を利用した凡例がありましたが、今回はrequestAnimationFrameで複数のCanvasに複数のarc（円）を描画しFPSを計測してみます。

実行環境

デモページ、ソース
また出来る限りフルスクリーンに近いサイズにブラウザを広げています。
※DeveloperツールのFPS Meterを利用してます

また比較対象として少し雑ですがライブラリを利用してないページを試しました。
デモページ
全パターンは試せてないですが上記の結果と同じような値となりました。
ただ利用PCによって値は大きく変動しました。

近いうちにスマホブラウザでも試してみようと思っています。ただVue.jsを利用してもFPSは大きく左右されないのでPCメインならば積極的に利用していこうかと。