이하는 http://doctype.com/의 게시물에있는 축소판 이미지입니다. 사이트에 아직 방문하지 않은 경우이 사이트와 유사하지만 CSS/디자인 자료 및 질문을 올리면 게시 할 수 있습니다 웹 사이트 URL의 캡쳐 화면 이미지입니다.웹 서버는 어떻게 이런 이미지를 할 수 있습니까?
다음은 제가 본 것 중 하나입니다. 프로그래밍 방식으로 완료된 것으로 생각하십니까?
그렇다면이 서버 측을 어떻게 생각하십니까? 프로그래밍이 완료되면
screenshot http://media.doctype.com/1f0be842-b2f3-4e11-a0ac-9dc72cb50a67.png
당신은 곱슬 paperclipped 노트 (웅크 리고 테두리, 종이 클립의 템플릿 이미지를함으로써이 스크린 샷 - 인 - 어 - 노트 효과를 얻을 수 있습니다 : 이것은 내가 그것을 어떻게입니다 , 그림자) 및 사이트의 스크린 샷이 템플릿 내부에 들어야하는 위치에 대한 마스크입니다. 스크린 샷을 얻으면 템플릿을 약간 회전시키고 템플릿으로 구성하십시오.
프로그래밍 방식으로 구성하려면 ImageMagick을 sugested by cpharmston으로 사용할 수 있습니다.
다음은 두 이미지를 PIL and python으로 작성하는 방법의 대안입니다.
, 그것은 아마도 화상 처리 라이브러리를 사용한다. GD 및 ImageMagick이 가장 인기있는 두 가지입니다.
예, 프로그래밍 방식으로 서버에서 수행해야합니다. 몇 가지 플래시 플러그인이 있지만 서버 측은 갈 길이 멀다고 생각합니다. http://www.guangmingsoft.net/htmlsnapshot/html2image.htm http://www.imagemagick.org/script/index.php
저쪽에 물어 보는 질문이나이 페이지의 HTML 소스를 보는 것이 더 적합합니다. 해당 사이트의 예제에 대한 실제 링크는 어떻습니까? –
@Matt Ball 나는 동의하지 않는다. 이것은 이미지 조작 질문이며 다른 [이미지 처리] [이미지 조작] 질문과 마찬가지로 많은 프로그래밍 문제입니다. – Ivan
메모로 doctype.com은 2013 년 2 월 15 일부터 폐쇄되었습니다. [자세히보기] (http://blog.doctype.com/doctype_is_closing_on_the_14th_1). – Krease