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

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

  1. DEMO 01

    ワンショットで転写する

    drawElementImage()を1回だけ実行します。HTMLのレイアウトをそのまま描けますが、描画後は「ただの絵」です。

  2. DEMO 02

    自動で再描画させる

    paintイベントで描き直します。時計も入力欄も動きますが、描画位置を変えると操作位置がずれます。

  3. DEMO 03

    描画位置とDOMを一致させる

    戻り値の変換行列をHTML要素へ適用し、回転・拡大した見た目とクリックできる位置を一致させます。