JavaScript在Chrome擴充的螢幕截圖功能

Question

我已經進行了很多關於使用JS拍照的搜索，但似乎沒有一個是有用的。有些人說要使用ActiveX控件，但這不適合我的情況。我希望能夠使用JS拍照並將其上傳到伺服器。

Answer 1

我不確定在原始回答給出時是否已經提供了這個功能，但是現在Google已經提供了一個示例，展示瞭如何進行屏幕截圖：

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

#在這個頁面上搜尋「Test Screenshot Extension」。

更新：這是一個使用desktopCapture API的新範例：

https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/apps/samples/desktop-capture

Answer 2

由於您在Chrome擴充功能中使用此功能，Tab API有一個名為captureVisibleTab的方法，它允許擷取指定視窗中目前選取標籤的可見區域。

要使用該方法，只需將"tabs"新增至您的權限清單中。然後從您的背景頁面、彈出視窗（或任何其他擴充頁面）中，只需像這樣呼叫該方法：

chrome.tabs.captureVisibleTab(null, {}, function (image) {
   // 您可以将该图像添加到HTML5画布或元素中。
});

您可以透過新增{quality: 50}來控制屬性，也可以變更格式，所有這些都在上述文件中有詳細描述。

HTML5的美妙之處在於，您可以使用HTML5 Canvas來修改該映像，您可以輕鬆地進行操作、轉換、修改、裁剪等任何操作！

希望這正是您所尋找的！新年快樂！