Я пытался найти некоторые ответы на это, и мои извинения, если его спрашивали раньше.Я использую Chrome для измерения производительности создания контекста webgl на элементе canvas и изменения размера.По крайней мере, в моих тестах в приложении, над которым я работаю, создание контекста составляло в среднем 200-300 мс, а изменение размера (пустой холст) - около 100 мс.
Для создания у меня, по сути, есть это (где 'canvas 'является HTMLCanvasElement):
console.time('createContext');
gl = canvas.getContext("webgl", { preserveDrawingBuffer: true }) ||
canvas.getContext("experimental-webgl", { preserveDrawingBuffer: true });
console.timeEnd('createContext');
Для изменения размера я просто устанавливаю «высоту» и «ширину» элемента «холст».Может ли кто-нибудь помочь мне понять, почему они настолько медленные и как (если это возможно) их можно оптимизировать?
Заранее спасибо!Я пытался исследовать это уже несколько дней.