2011-01-01 51 views

答えて

66

Tab APIには、captureVisibleTabというメソッドがあり、指定したウィンドウ内の現在選択されているタブの表示領域を取得できます。

これを使用するには、permissionsマニフェストに「タブ」を追加するだけです。そして、あなたの背景ページ、またはポップアップ(またはその他の拡張ページ)から、あなたはこのようにそのメソッドを呼び出します。すべて、あまりにも形式を変更:

chrome.tabs.captureVisibleTab(null, {}, function (image) { 
    // You can add that image HTML5 canvas, or Element. 
}); 

あなたは{50品質}を追加することにより、プロパティを制御することができます上記のドキュメントに記述されています。

HTML5の美しさは、HTML5 Canvasでその画像を変更することができます。非常に簡単に、操作、変形、修正、クリップ、何でもできます!

希望はあなたの探しているものです!新年おめでとう!

+2

私はタブのアクセス許可を追加しましたが、私は 'イメージ'を警告すると「未定義」となります。なぜあなたは考えていますか? –

+0

表示されないタブのスクリーンショットを作成する方法はありますか? –

+1

スクリーンショットを撮るには、の許可が必要です –

22

私は、元の答えが与えられたとき、これが利用可能であったかはわからないが、Googleは現在、スクリーンショットを撮る方法を示して利用できる例があります:「テストスクリーンショット拡張」の

http://developer.chrome.com/extensions/samples.html

検索このページで

6

実例をお探しの場合、私はWebページ全体のスクリーンショットを取る拡張子付きのレポを作成しました。ここをクリックしてください:https://github.com/marcinwieprzkowicz/take-screenshot

+0

私はあなたの拡張を使用してみましたが、レポの問題ページに記載されているものと同じ問題がありました。 – Sridarshan

+0

私も、エラーを取得します。問題として提出:https://github.com/marcinwieprzkowicz/take-screenshot/issues/2 –

関連する問題