← Cloudflare One / cloudflare-one / remote-browser-isolation
Canvas Remoting
Canvas Remoting представляет собой функцию Browser Isolation, которая оптимизирует производительность веб-приложений, использующих HTML5 Canvas API (функцию браузера, позволяющую веб-приложениям рисовать графику прямо на странице). Она отправляет клиенту векторные команды рисования вместо растровых битовых карт (пиксельных изображений), снижая расход трафика и повышая частоту кадров для приложений, ориентированных на продуктивную работу.
Как это работает
Browser Isolation использует технологию Network Vector Rendering (NVR): вместо потоковой передачи готовых пикселей или видео страницы браузеру пользователя отправляются лёгкие инструкции по отрисовке. Однако контент HTML5 Canvas ранее требовал серверной растеризации (преобразования команд отрисовки в растровые изображения) с отправкой больших растровых изображений для каждого кадра.
Canvas Remoting расширяет NVR на приложения на основе Canvas следующим образом:
- Захват команд рисования, отправляемых элементу HTML5 Canvas.
- Преобразование этих команд и их отправка клиенту в виде инструкций NVR.
- Рендеринг содержимого Canvas на стороне клиента в закадровую текстуру (скрытую поверхность для промежуточного рендеринга).
- Компоновка (наложение слоёв) текстуры в итоговый вывод документа.
Поддерживаемые приложения
Canvas Remoting повышает производительность приложений для продуктивной работы, которые используют HTML5 Canvas API:
| Приложение | Улучшение |
|---|---|
| Microsoft Word | Снижение пропускной способности в 10 раз |
| Microsoft Excel | Плавная прокрутка и ввод данных |
| Microsoft PowerPoint | Плавные анимации |
| Google Sheets | Стабильный рендеринг с частотой 30 кадров в секунду |
| Google Maps | Плавное панорамирование и масштабирование |
| Веб-терминалы и AI-блокноты | Быстрый и отзывчивый ввод и отображение текста |
Ограничения
Canvas Remoting поддерживает только 2D-контексты Canvas. Не поддерживается следующее:
- Контексты WebGL и WebGPU
- Приложения для 3D-графики
- Расширенные функции Canvas, требующие ускорения GPU
Включить или отключить Canvas Remoting
Canvas Remoting включено по умолчанию для всех клиентов Browser Isolation. Настройка не требуется.
Отключить Canvas Remoting для текущего сеанса
- Щёлкните правой кнопкой мыши на фоне изолированной веб-страницы.
- Выберите Отключить Canvas Remoting из контекстного меню.
Повторно включить Canvas Remoting
- Щёлкните правой кнопкой мыши на фоне изолированной веб-страницы.
- Выберите Включите Canvas Remoting из контекстного меню.
Устранение неполадок
Содержимое Canvas отображается медленно
Если приложения на основе Canvas работают рывками или потребляют слишком много трафика:
- Убедитесь, что Canvas Remoting включён: щёлкните правой кнопкой мыши фон страницы.
- Проверьте, что в контекстном меню отображается Отключить Canvas Remoting (это означает, что он активен).
- Если проблема не устраняется, откройте обращение в службу поддержки и укажите Ray ID со страницы ошибки.
Графические сбои или отсутствующие элементы
Если содержимое Canvas отображается некорректно после восстановления соединения после сбоя сети:
- Обновите изолированную страницу.
- Если проблема не устраняется, выберите Отключить Canvas Remoting из меню, открывающегося по правому клику.
- Повторно включите Canvas Remoting после перезагрузки страницы.