Как буферизовать графику для холста html5

Я работаю над игрой, которая начинает становиться довольно насыщенной с точки зрения графики. Нужно нарисовать множество точек, дуг и градиентов. Проблема в том, что рисование всей этой графики начинает замедляться. Для рисования радиальных градиентов RGBA требуется исключительно много времени, если они нарисованы поверх других градиентов (например, для фона).

Если бы был какой-то способ буферизации графики, это могло бы сэкономить мне много вычислений каждый кадр. Согласно этот вопрос графической буферизации может быть выполнен путем создания скрытого холста html5 в документе html. К сожалению, это не сработает, потому что мне нужно иметь возможность буферизовать неопределенное количество графики для игры.

Есть ли способ буферизовать графику для холста html5?