SVGの代わりにcanvasを使う
SVGだともっさりするんですねtakker.icon ReactでDOMツリーにSVGを置いて描画するのでは、60FPS近くを出すのは難しそうな感じがありましたodiak.icon
劣化しないのが強み
あと書き順アニメーションができるらしいです
どこに描画するにせよ、データはベクターの情報を持っているので、単純にパフォーマンスの問題だけですねodiak.icon
/icons/なるほど.iconそれならcanvasで十分ですね
描画戦略どうするか
今描いている以外のパスの描画情報はキャッシュしてよいのでは?
paths,scrollLeft,scrollTopが同じなら同じ内容が描画されるはず
canvas要素がリサイズされた場合を考慮する
そのとき、CanvasRenderingContext2Dはどうなるんだろう?