htmlページを動的に画像化、保存する①

htmlページを動的に画像化、保存したい

割と複雑なのでデモは別ページに作りました。
html2canvasというプラグイン使ってる。

なぜcssがめっちゃ長いかというと背景画像をbase64で表示させてるから。
普通に画像で背景指定しようとすると表示されないです。
今後、
・IE対応
・別ページに推移しながら画像を表示させるよう
・OG画像に設定
します。それはまた別の記事で。

html

  
  
上の要素
下の要素

JavaScript

  

css

style.css

デモ

デモ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です