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

Question

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

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

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

Answer 1

От http://kaioa.com/node/103

var renderToCanvas = function (width, height, renderFunction) { 
    var buffer = document.createElement('canvas'); 
    buffer.width = width; 
    buffer.height = height; 
    renderFunction(buffer.getContext('2d')); 
    return buffer; 
};