Chrome 확장 프로그램의 JavaScript 스크린샷 기능

Question

JS를 사용하여 사진을 찍는 방법에 대해 많은 검색을 해봤지만 그 어느 것도 유용한 것 같지 않았습니다. 어떤 사람들은 ActiveX 컨트롤을 사용하라고 하는데 내 경우에는 그렇지 않습니다. JS를 사용하여 사진을 찍어 서버에 업로드하고 싶습니다.

Answer 1

원래 답변이 제공되었을 때 이 기능을 이미 사용할 수 있었는지 확실하지 않지만 이제 Google은 스크린샷을 찍는 방법을 보여주는 예를 제공했습니다.

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

이 페이지에서 "테스트 스크린샷 확장 프로그램"을 검색하세요.

업데이트: 다음은 desktopCapture API를 사용하는 새로운 예입니다.

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

Answer 2

Chrome 확장 프로그램에서 이 기능을 사용하고 있으므로 Tab API에는 지정된 창에서 현재 선택한 탭의 표시 영역을 캡처할 수 있는 captureVisibleTab라는 메서드가 있습니다.

이 방법을 사용하려면 permissions 매니페스트에 "탭"을 추가하세요. 그런 다음 배경 페이지, 팝업(또는 다른 확장 페이지)에서 다음과 같이 메서드를 호출하세요.

으아아아

{quality: 50}을 추가하여 속성을 제어하고 형식을 변경할 수도 있습니다. 모든 내용은 위 문서에 자세히 설명되어 있습니다.

HTML5의 장점은 HTML5 Canvas를 사용하여 이 이미지를 수정할 수 있다는 것입니다. 어떤 작업이든 쉽게 조작, 변환, 수정, 자르기 등을 할 수 있습니다!

이것이 당신이 찾고 있던 것이기를 바랍니다! 새해 복 많이 받으세요!