chrome.tabs.captureVisibleTab (크롬 확장 프로그램)로 촬영 한 탭의 크기를 변경할 수 있습니다가 어떻게 다음 코드를 사용하고 내가 선택한 탭의 화면을 캡처하는
chrome.tabs.captureVisibleTab(undefined, function(data) { display(data) });
API는 그 수를 말한다 탭 (http://code.google.com/chrome/extensions/tabs.html#method-captureVisibleTab)의 크기를 변경하려면 어떻게해야합니까? 현재 모든 스크린 샷은 전체 크기 (1440x900)로 나오지만 축소판 크기로만 필요합니다.
누구든지이 API를 사용하여이를 수행하는 방법을 알고 있습니까?
감사합니다.
Chrome API는 실제로 captureVisibleTab의 이미지 크기를 제공하지 않습니다. 그 기능이하는 것은 기본적으로 당신이 보는 것은 탭에서 이미지로 얻는 것입니다.
해당 탭의 이미지 크기를 조정하려는 경우. HTML5 Canvas를 사용할 수 있습니다. http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
캔버스에 이미지를로드 할 수 있으며 해당 캔버스에서 이미지의 크기를 조정하고 원하는대로 할 수 있습니다. 당신은 drawImage
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#images
가의 drawImage의 인수에 따라, 당신은 크기를 조정할 수 있습니다 사용하여 캔버스 컨텍스트에 이미지를 배치 할 수 있습니다, 또는 당신은 클립 또는 작물 다른 캔버스 기능을 사용할 수 있습니다.
그런 다음 이미지의 크기를 조정하면 toDataURL을 사용하여 다시 변환하거나 저장하여 사용할 수 있습니다.
감사 모하메드는 "품질"매개 변수는 다음합니까 무엇 , 그것은 내가 설정해야 할 것 같습니다하지만 난 그것을하는 방법을 모르겠어요. – Tom
품질은 정수이므로 1부터 100까지입니다. 선택적 필드이지만 축소판을 만들려는 경우 C++로 끝나고 Canvas를 사용하여 크기를 조정하므로 해당 속성으로 품질을 제어하는 것이 좋습니다. Canvas를 사용하여 Quality로 이미지 크기를 조정하는 방법에 대한 Stacked Overflow에 대한 또 다른 질문이 있습니다. Chrome의 확장 API를 사용하여 품질을 떨어 뜨리고 Canvas를 사용하여 크기를 조정하는 것이 좋습니다. http://stackoverflow.com/questions/2303690/resizing-an-image-in-an-html5-canvas –