Создание скриншота с помощью javascript для расширений chrome

Так как вы используете это в расширениях Chrome, то Tab API имеет метод под названием captureVisibleTab, что позволяет захватывать видимую область текущей выбранной вкладки в указанном окне.

чтобы использовать это, вы просто добавляете "вкладки" в свой разрешения манифест. И с вашей фоновой страницы или всплывающего окна (или любой другой страницы расширения), вы просто вызываете этот метод следующим образом:

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

вы можете управлять свойством с помощью добавление {quality: 50} и изменение формата тоже, все описано в документах, упомянутых выше.

красота HTML5, вы можете изменить это изображение с помощью HTML5 Canvas, вы можете манипулировать, преобразовывать, изменять, клип, все, что вы хотите, очень легко!

надеюсь, что это то, что вы ищете! С Новым Годом!