एचटीएमएल 5 कैनवास

Question

के लिए ग्राफिक्स बफर कैसे करें मैं एक ऐसे गेम पर काम कर रहा हूं जो बहुत ग्राफिक गहन हो रहा है। बहुत सारे अंक, आर्क, और ग्रेडियेंट हैं जिन्हें खींचा जाना चाहिए। समस्या यह है कि इन सभी ग्राफिक्स को धीमा करना शुरू हो रहा है। आरजीबीए रेडियल ग्रेडियेंट अन्य ग्रेडियेंट्स (यानी, पृष्ठभूमि के लिए) के ऊपर खींचे जाने पर आकर्षित करने के लिए असाधारण रूप से लंबा समय लगता है।

यदि ग्राफिक्स को बफर करने का कोई तरीका था, तो यह मुझे हर फ्रेम में बहुत कंप्यूटेशंस बचा सकता है। this के अनुसार प्रश्न ग्राफिक्स बफरिंग HTML दस्तावेज़ पर एक छिपे हुए HTML5 कैनवास बनाकर पूरा किया जा सकता है। दुर्भाग्यवश यह काम नहीं करेगा क्योंकि मुझे गेम के लिए एक अनिर्धारित ग्राफिक्स को बफर करने में सक्षम होना चाहिए।

क्या एचटीएमएल 5 कैनवास के लिए ग्राफिक्स बफर करने का कोई तरीका है?

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

से