それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

PDFファイルをHTMLで埋め込むときに、フィットでサイズ調整する

PDF をObjectで埋め込むの大好きです。

HTMLの良さで一番好きなのは、HTMLってas-is で何でもリンクできてなんでも埋め込める良さだと思う

  • iframe でほかサイト
  • image
  • svn
  • pdf
  • swf
  • sound
  • movie

などなんでも埋め込めるし、スタイル調整が出来るので好き。

PDFを埋め込むときに、ボックスサイズに合わせたい

PDFを埋め込み表示するときに、要素ボックスサイズで拡大縮小して、表示したいなと思ったり。

<object data="http://host/path/to/file.pdf" type="application/pdf">
    <param name="initZoom" value="fitToPage" />
</object>

fitToPage パラメータをあげることで、埋め込むときでもサムネイル表示みたいに出来る。

webkit-transform や vw指定、色々考えたけど、param で指定するのが楽だし、安定してた。

PDFプレビューととか、JPEG展開して―、サムネイル作って―とかしてたけど、転送量気にする時代でもないし、リンクしちゃえばいいんだよね。

表示サンプル

download-pdf