Chrome 拡張機能の JavaScript スクリーンショット機能

Question

JS を使用して写真を撮ることについてたくさん検索しましたが、どれも役に立たないようです。 ActiveX コントロールを使用するという人もいますが、私の場合はうまくいきません。写真を撮ってJSを使用してサーバーにアップロードできるようにしたいと考えています。

P粉302160436 · Answer

元の回答が提供されたときにこの機能がすでに利用可能であったかどうかはわかりませんが、現在 Google はスクリーンショットを撮る方法を示す例を提供しています:

このページで「Test Screenshot Extension」を検索します。

更新: desktopCapture API を使用した新しい例を次に示します:

P粉078945182 · Answer

この機能は Chrome 拡張機能で使用しているため、Tab API には captureVisibleTab というメソッドがあり、指定されたタブで現在選択されているタブの表示領域をキャプチャできます。窓。

この方法を使用するには、権限マニフェストに「タブ」を追加するだけです。次に、背景ページ、ポップアップ (または他の拡張ページ) から、次のようにメソッドを呼び出すだけです:

リーリー

{quality: 50} を追加することでプロパティを制御したり、形式を変更したりすることができます。これらについてはすべて、上記のドキュメントで詳しく説明されています。

HTML5 の利点は、HTML5 Canvas を使用してこの画像を変更できることです。操作、変換、修正、トリミングなどが簡単に行えます。

これがあなたが探しているものであることを願っています!あけましておめでとう！