5

Firefox や Chrome 用のシンプルなスクリーン キャプチャ プラグインを作成するための優れたチュートリアルを持っている人はいますか?

4

3 に答える 3

5

これは Firefox のスニペットです。オーバーレイ XUL に以下を追加します。

    <html:canvas id="my-canvas" style="display: none;" />

次に、オーバーレイ JavaScript で、新しいドキュメントの読み込みをリッスンします。このスニペットは、スクリーンショットをファイルに保存します。

    var canvas = document.getElementById('my-canvas');
    var context = canvas.getContext('2d');

    //Find the window dimensions
    canvas.height = doc.defaultView.innerHeight; //doc is the content document that you listened for
    canvas.width = doc.defaultView.innerWidth;

    context.drawWindow(doc.defaultView, 0, 0, canvas.width, canvas.height, "rgba(0,0,0,0)");

    //Create a data url from the canvas
    var dataUrl = canvas.toDataURL("image/png");

nsiIOService と nsiWebBrowserPersist について読んで、データ URL から nsiURI を作成し、それをローカルに保持します。

于 2011-06-06T16:58:51.987 に答える
2

Chromeでこれを行う方法のサンプル拡張機能がありますhttp://code.google.com/chrome/extensions/dev/samples.html#e1697cacebad05218798bf3e8a0f724517f0e8c3

于 2011-06-05T22:55:40.363 に答える
1

Firefoxについてはわかりませんが、Chrome拡張機能では、を使用してタブをキャプチャできます。これにより、データURI形式chrome.tabs.captureVisibleTab()で画像が返されます。その後、必要に応じて、 Canvas要素を使用して画像を操作できるようになります。

于 2011-06-05T22:52:34.327 に答える