HTMLを描画するHTML in Canvas API
全3回
HTML/CSSをCanvasへと持ち込めるHTML in Canvas APIの実践例をデモを用いて解説します。
最終回 10個のデモで見るユースケース
HTML in Canvasを活かしたデモ10個を使い、装飾・トランジション・3Dとの統合まで、さまざまな表現の応用例を紹介します。
第2回 DOMとWebGLを連動させる
WebGLとHTML in Canvasを組み合わせると、DOMと描画を双方向に連動させられます。canvas.getElementTransform()の使い方と、アクセシビリティの確保について解説します。
第1回 HTML in Canvasの基本とCanvas 2Dでの使い方
HTML in CanvasはCanvas 2DやWebGL、WebGPUに、HTML/CSSを直接描画するためのAPIで、Chromeで試験提供中です。機能やユースケースを紹介します。