Scraps 最終更新 2026/10/02 01:30

原文著者: @yu7400ki /

HTML-in-Canvas で DOM を画像化し、動画にも書き出す

  • #フロントエンド
  • #クラウド
  • #DevOps・CI/CD

AIで作成し、掲載基準に基づいて自動選定した要約です。

  • HTML-in-Canvas で DOM を画像化し、CSS アニメーションを動画にエクスポートできる
  • drawable 要素に drawElementImage を使ってスナップショットを描画、devicePixelRatio に合わせた canvas サイズが必須
  • クロスオリジンの画像は描画されず、アニメーションのシークには getAnimations で取得したオブジェクトを使う
HTML-in-Canvas で DOM を画像化し、動画にも書き出す

Zenn / 原文を読む