Canvas Remoting は Browser Isolation の機能です。HTML5 Canvas API（Web アプリケーションがページ上に直接グラフィックを描画できるブラウザー機能）を使う Web アプリケーションのパフォーマンスを最適化します。ラスタライズされたビットマップ（ピクセル画像）ではなく、ベクター描画コマンドをクライアントへ送ります。帯域使用量を抑え、生産性アプリケーションのフレームレートを向上できます。
Browser Isolation は Network Vector Rendering（NVR）を使い、ページのレンダリング済みピクセルや動画をストリーミングする代わりに、軽量な描画命令をユーザーのブラウザーへ送ります。ただし HTML5 Canvas のコンテンツは、これまでサーバー側でラスタライズ（描画コマンドをピクセル画像へ変換）し、フレームごとに大きなビットマップを送る必要がありました。
Canvas Remoting は、Canvas ベースのアプリケーションへ NVR を次の手順で拡張します。
- HTML5 Canvas 要素に対する描画コマンドを取得します。
- それらのコマンドを NVR 命令としてクライアントへ変換して送ります。
- クライアント上のオフスクリーンテクスチャ（中間レンダリング用の非表示描画面）へ Canvas コンテンツを描画します。
- そのテクスチャを最終的なドキュメント出力へ合成（重ね合わせ）します。
Canvas Remoting は、HTML5 Canvas API に依存する生産性アプリケーションのパフォーマンスを向上します。
| アプリケーション | 改善内容 |
|---|---|
| Microsoft Word | 帯域を 10 倍削減 |
| Microsoft Excel | スムーズなスクロールとデータ入力 |
| Microsoft PowerPoint | 滑らかなアニメーション |
| Google Sheets | 安定した 30fps レンダリング |
| Google Maps | スムーズなパンとズーム |
| Web ベースのターミナルと AI ノートブック | 高速で応答性の高いテキスト入力と表示 |
Canvas Remoting は 2D Canvas コンテキストのみ対応します。次は未対応です。
- WebGL および WebGPU コンテキスト
- 3D グラフィックスアプリケーション
- GPU アクセラレーションが必要な高度な Canvas 機能
Canvas Remoting は、すべての Browser Isolation のお客様でデフォルトでオンです。設定は不要です。
- 隔離された Web ページの背景を右クリックします。
- コンテキストメニューから Disable Canvas Remoting を選びます。
- 隔離された Web ページの背景を右クリックします。
- コンテキストメニューから Enable Canvas Remoting を選びます。
Canvas コンテンツの描画が遅い
Canvas ベースのアプリケーションがカクついたり、帯域を過剰に消費したりする場合:
- ページ背景を右クリックし、Canvas Remoting がオンであることを確認します。
- コンテキストメニューに Disable Canvas Remoting が表示されていることを確認します（オンであることを示します）。
- 問題が続く場合は、サポートケースを開き、エラーページの Ray ID を記載します。
グラフィックの不具合や欠ける要素
ネットワーク切断から再接続したあとに Canvas コンテンツが正しく表示されない場合:
- 隔離されたページを再読み込みします。
- 問題が続く場合は、右クリックメニューから Disable Canvas Remoting を選びます。
- ページの再読み込み後に Canvas Remoting を再度有効にします。