デモ：HTML-in-Canvasの基本機能

APIの有効状態を確認中です…

  1. DEMO 01

    ワンショットで転写する

    drawElementImage()をボタン操作で1回だけ実行します。HTMLのレイアウトを描画し、次に描画するまで見た目を保持します。

  2. DEMO 02

    自動で再描画させる

    paintイベントで描き直します。時計や入力内容、ホバーなどの変化がCanvasへ反映されます。

  3. DEMO 03

    変形しても操作できる

    Canvasで移動・拡大・回転させます。DOMの操作位置も自動で同期されるため、変形後もそのまま操作できます。