テストページ – 個人的ブログ&技術メモ

JSで撮るスクリーンショット

導入方法

  1. html2canvas.jsを読込む
  2. html2canvas関数を呼ぶ
  3. onrenderedでSSが書き込まれたcanvasを好きなように使う

注意

  • Webサーバーに配置しないとエラーになるかも(firefox30.0でローカルで動作確認)
  • このサンプルではブラウザによっては、ダウンロードできないかも
  • flashやapplet,iframeはうまくキャプチャできない
スクリーンショット