web-dev-qa-db-ja.com

Webブラウザから画像を作成するか、画面よりも大きいWebページを印刷します

Q：

Webブラウザから画像を作成したり画面よりも大きいWebページを印刷したりするにはどうすればよいですか？画面を超えてウィンドウを拡大できないため、使用する画面によって制限されます。

enter image description here

まるで大画面のように、細部までこだわった大活字を作りたいと思います。

なぜこの新しい質問ですか？

トピックに関するほとんどの質問：

googleマップの特定のケースに対処するか、特定のサードパーティソフトウェアを必要とするか、"ウィンドウを拡張する"などのばかげた答えがありますが、それは単にオプションではありません。ほとんどのシナリオ。そして、月はどうですか？

さらに、以下に対処する一般的な質問も回答もありません。

  1. 画像を作成するか、必要な部分のみをエクスポート
  2. スクリーンショットを通過しない画面解像度に依存しないソリューション
  3. プラットフォームで動作する場合と動作しない場合があるソフトウェアの購入はありません
  4. Webブラウザから画像を作成するか、画面よりも大きいWebページを印刷します
  5. 任意のウェブサイト、任意のサイズ
firefoxbrowserscreenshotgoogle-searchsave-as
4
SwiftArchitect

100％Webブラウザソリューション

これは、信頼できる安全なブラウザである Firefox のみを含むソリューションです。

Yahoo Map at 12%

画像ソース： https://search.yahoo.com （つまり、Googleマップではない）at5369×5913ピクセルと24.6MB

Firefoxの使用

  1. Firefoxの場合：
    • あなたのウェブページを開く
    • フルスクリーンモードを使用しないでください
    • あなたがあなたのスクロールバーを見ることができることを確認してください、あなたはそれらを必要とするでしょう
    • [ツール]> [Web開発者]> [インスペクター]に移動します
  2. 開発ツールが"別のウィンドウに表示" Show in separate window
  3. "レスポンシブデザインモード"を選択します（[〜＃〜] rdm [〜＃〜]）
    Responsive Design Mode
    • そのインスペクターウィンドウを横に置くと、もう必要ありません
  4. Webページに戻り、[〜＃〜] rdm [〜＃〜]ツールバーを使用して、ニーズに合った仮想ウィンドウサイズを選択します。ウィンドウが大きいほど、メモリとリソースが増えます Responsive Design Mode
  5. [〜＃〜] rdm [〜＃〜]ツールバーまたはFirefoxアドオンのカメラアイコンを使用して、画像をキャプチャします（†）
    Camera

†一部のキャプチャ（技術的にはスクリーンショットではありません）は大きすぎて処理できません。私は使用しました ページを画像として保存... 拉致アドオンとその選択-コピー X-Ray + Copy... 以下の画像を私のお気に入りの画像編集ソフトウェアに貼り付けて、品質を犠牲にすることなく、後処理を行います。一部の画像は、PNGとして100 MBをはるかに超えています。
X-Ray + Copy

Map My Ride at 6%

画像ソース： http://mapmyride.com （つまり、Googleマップではない）at5659×7966ピクセルと113.2MB

Moon at 12%

画像ソース： https://www.google.com/moon/ （yay Google）at3600×3540ピクセルと9.3MB

►このソリューションを YouTube で表示します。

7
SwiftArchitect

http://www.goohwan.net/entry/%ED%81%B0%EC%A7%80%EB%8F%84-%EC%84%9C%EB%B9%84%EC% 8A％A45％EA％B5％AC％EA％B8％80％EC％A7％80％EB％8F％84v2World

このサイトは「google_map」と「スクラブする方法」を提供しています

0
한규환