問題タブ [webpage-screenshot]

JavaScript/JQuery を使用して Web ページのスクリーンショットを撮ろうとしていました。従う必要があるコードの手順を教えてください。

C# MVC アプリケーションで WebBrowser を使用して Web ページのスクリーンショットを取得する関数を作成しました (これは、使用したコードのリファレンスですhttp://www.codeproject.com/Articles/95439/Get-ASP -NET-C-2-0-Website-Thumbnail-Screenshot )。

詳細については、キャプチャしようとしている Web ページに youtube iframe があり、そのビデオのプレビューをスクリーンショットにキャプチャする必要があります。

自分のコンピューター (OS Windows 8) で関数を実行すると正常に動作しますが、公開されたプロジェクト (Windows Server 2012) で関数を実行すると、スクリーンショットの iframe がキャプチャされません (空白です)。

私は WebBrowser を使用しているため、おそらく問題は Windows Server の IE10 に関連していると思います。

IE の設定を自分のコンピュータと同じようにサーバーに設定しようとしました。また、サーバーに Flash Player をインストールしようとしましたが、うまくいきません。

誰か提案はありますか？ありがとう。

編集: *解決策が見つかりました: * 解決策が見つかりました。このトピックによると： http://social.technet.microsoft.com/Forums/windowsserver/en-US/c26bd4c9-d8dc-4d3b-9fdb-a9750508951c/adobe-flash-v113370178-not-properly-working-in-server -2012-rp

Windows Server 2012 に「デスクトップ エクスペリエンス」をインストールした後、動作するようになりました。とにかくありがとう！

私はブラジルの Web 開発者であり、仮想 PABX (アスタリスク) で電話の地理位置情報のレポートを作成しています。既に Google マップ API V3 で正常に動作しています。

目的このレポートを PDF または Excel にエクスポートするため、マップを画像に変換してエクスポートすることを考えています。

私がすでに試したこと：

• 呼び出しごとにマーカーがあり、MarkerClusterer でマーカーをクラスタリングしているため、静的マップを作成しても問題は解決しません

• html2canvasを使用して Canvas でマップを変換しました。html をキャンバスに変換した後、canvas2imageを使用して要素を作成しました<img>。単純な html の場合、このソリューションは完璧に機能しますが、Google マップの場合、結果は次のようになります。

残念ながら、評判がないため画像を投稿できません。常にStackOverflowにアクセスしますが、質問をするのは初めてですが、キャンバスから生成された画像には、灰色のGoogleマップの背景とマーカークラスターのマーカーの数しかないことを説明できます.

よりよく理解するために、ここに画像を表示できます。

ページのスクリーンショットを撮って切り抜いてマップ領域を選択するようなことを考えていますが、問題を解決したり方法を教えてくれる提案は大歓迎です。

(e.g www.yahoo.com)Web ページにURL をロードし、スクリーンショットを撮る必要があるタスクがあります。スクリーンショットにhtml2canvasを使用し、ページの本文に追加しています。

URL で指定されたページは、div 要素内の iframe に正常に読み込まれます。しかし、そのスクリーンショットを撮ろうとすると、iframe 領域が空白になります。

previewURL以下はとのコードですscreenshot。

HTML 部分は次のようになります。

スクリーンショットは次のようになります。

私は立ち往生していて、なぜこれが起こっているのか理解できません。URLをロードできるこれに似たものが必要で、onclickでスクリーンショットを取得できます。

mySQL データベースのデータを使用して自分のサイトPixic.seに TimelineJS を実装し、PHP でフォーマットしました。すべてが正常に機能しています。しかし、TimelineJS には PagePeeker と呼ばれる機能があり、サポートされているサイトへのリンクではないリンクのスクリーンショットをレンダリングします。

• ユーチューブ
• ウィキペディア
• グーグルマップ
• フリッカー
• ツイッター
• ヴィメオ
• サウンドクラウド

または引用を書く。

問題

TimelineJS を初めて適切に動作させたとき、自分のサイトを含め、自分のタイムラインにあるリンクのスクリーンショットがレンダリングされました。それ以来、私はレイアウトを更新し、PagePeeker にレンダリングされたスクリーンショットを更新してもらいたいと考えています。少なくとも私のコンピューターでは、スクリーンショットはまだ古いサイトのデザイン/レイアウトを示しているためです (「Pixic.se へようこそ」というジャンボトロンが表示されます。テキストと btn-primary ボタン) キャッシュ/履歴を削除したにもかかわらず。

Pagepeeker.comにアクセスして自分の URL を入力すると、タイムライン、つまり現在のデザイン/レイアウトでプレビューが生成されますが、戻って自分のサイトを確認するときに影響しません。また、PagePeeker でレンダリングされたスクリーンショットでは、タイムラインが奇妙に見えます...タイムライン全体がページ幅の約 40% しか占めていません。

質問

1. Pixic.seタイムラインの最初のストーリーを見ると、灰色のナビゲーション バーと上記のジャンボトロンが表示されますか、それとも現在のデザイン/レイアウトが表示されますか?
2. PagePeeker のスクリーンショットは PagePeeker に保存されますか、それとも訪問者がキャッシュしていない場合にのみレンダリングされますか?
3. PagePeeker で再度サイトをレンダリングする方法はありますか? また、META タグなどを使用して間隔を置いて、定期的にレンダリングする方法はありますか?
4. さらに、 Google Chartsへのリンクを追加しようとしましたが、機能しませんでした。PagePeeker 画面があったはずの URL を文字列として出力するだけでした。理由はありますか？