Làm thế nào để đệm đồ họa cho một vải html5

Question

Tôi đang làm việc trên một trò chơi mà đang bắt đầu để có được khá đồ họa chuyên sâu. Có rất nhiều điểm, vòng cung và độ dốc cần được vẽ. Vấn đề là vẽ tất cả các đồ họa này đang bắt đầu chậm. Các gradient gradient RGBA dường như mất một thời gian dài đặc biệt để vẽ khi được vẽ lên trên các gradient khác (ví dụ, đối với nền).

Nếu có cách nào đó để đệm đồ họa, điều đó có thể giúp tôi tiết kiệm rất nhiều tính toán cho mỗi khung hình. Theo this đệm đồ họa câu hỏi có thể được thực hiện bằng cách tạo canvas html5 ẩn trên tài liệu html. Thật không may điều này sẽ không làm việc vì tôi cần để có thể đệm một số không xác định đồ họa cho trò chơi.

Có cách nào để đệm đồ họa cho canvas html5 không?

Answer 1

Từ 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; 
};