84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
JS를 사용하여 사진을 찍는 방법에 대해 많은 검색을 해봤지만 그 어느 것도 유용한 것 같지 않았습니다. 어떤 사람들은 ActiveX 컨트롤을 사용하라고 하는데 내 경우에는 그렇지 않습니다. JS를 사용하여 사진을 찍어 서버에 업로드하고 싶습니다.
원래 답변이 제공되었을 때 이 기능을 이미 사용할 수 있었는지 확실하지 않지만 이제 Google은 스크린샷을 찍는 방법을 보여주는 예를 제공했습니다.
http://developer.chrome.com/extensions/samples.html
이 페이지에서 "테스트 스크린샷 확장 프로그램"을 검색하세요.
업데이트: 다음은desktopCaptureAPI를 사용하는 새로운 예입니다.
desktopCapture
https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/apps/samples/desktop-capture
Chrome 확장 프로그램에서 이 기능을 사용하고 있으므로Tab API에는 지정된 창에서 현재 선택한 탭의 표시 영역을 캡처할 수 있는captureVisibleTab라는 메서드가 있습니다.
이 방법을 사용하려면permissions매니페스트에 "탭"을 추가하세요. 그런 다음 배경 페이지, 팝업(또는 다른 확장 페이지)에서 다음과 같이 메서드를 호출하세요.
{quality: 50}을 추가하여 속성을 제어하고 형식을 변경할 수도 있습니다. 모든 내용은 위 문서에 자세히 설명되어 있습니다.
HTML5의 장점은 HTML5 Canvas를 사용하여 이 이미지를 수정할 수 있다는 것입니다. 어떤 작업이든 쉽게 조작, 변환, 수정, 자르기 등을 할 수 있습니다!
이것이 당신이 찾고 있던 것이기를 바랍니다! 새해 복 많이 받으세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
원래 답변이 제공되었을 때 이 기능을 이미 사용할 수 있었는지 확실하지 않지만 이제 Google은 스크린샷을 찍는 방법을 보여주는 예를 제공했습니다.
http://developer.chrome.com/extensions/samples.html
이 페이지에서 "테스트 스크린샷 확장 프로그램"을 검색하세요.
업데이트: 다음은
desktopCaptureAPI를 사용하는 새로운 예입니다.https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/apps/samples/desktop-capture
Chrome 확장 프로그램에서 이 기능을 사용하고 있으므로Tab API에는 지정된 창에서 현재 선택한 탭의 표시 영역을 캡처할 수 있는captureVisibleTab라는 메서드가 있습니다.
이 방법을 사용하려면permissions매니페스트에 "탭"을 추가하세요. 그런 다음 배경 페이지, 팝업(또는 다른 확장 페이지)에서 다음과 같이 메서드를 호출하세요.
으아아아{quality: 50}을 추가하여 속성을 제어하고 형식을 변경할 수도 있습니다. 모든 내용은 위 문서에 자세히 설명되어 있습니다.
HTML5의 장점은 HTML5 Canvas를 사용하여 이 이미지를 수정할 수 있다는 것입니다. 어떤 작업이든 쉽게 조작, 변환, 수정, 자르기 등을 할 수 있습니다!
이것이 당신이 찾고 있던 것이기를 바랍니다! 새해 복 많이 받으세요!