アフィリエイト広告を利用しています

2020年09月10日

HTMLにPDFファイルを埋め込んだ際に表示されるアイコン

<iframe>や<embed>でHTMLファイル内にPDFファイルを埋め込んで

表示できる。こんな感じ。ブラウザはEdge。

pdf_umekomi1.png

ヘッダー部分のアイコンの種類が多いのが気になる。

お絵描きツールや回転などは不要。

アイコンを減らす方法


<iframe>、<embed> の表示幅を狭くしたら、こうなった。

pdf_umekomi2.png

すっきりした。

解決したはずが


これで解決したつもりだったが、数か月後に状況が一変した。

ブラウザのバージョンアップが原因なのか

アイコンが表示されるようになった。

Webで探し回って、以下の方法を見つけた。

#toolbar=0&navpanes=0 を指定する。


<iframe style="height: 580px; overflow:scroll; width: 85%" src="./mypage.pdf#toolbar=0&navpanes=0" marginheight="1" marginwidth="1" name="main" id="main" seamless="seamless" scrolling="yes" frameborder="1" allowtransparency="true">


今度こそ解決。








posted by db-engineer at 00:00 | Comment(0) | ブラウザ

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

検索
最新記事
カテゴリーアーカイブ
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド