요 며칠 좀 바빴네요.
Browser 의 특정영역(요소) 를 Capture 할 필요가 생겨 살펴보았는데요.
Javascript 로는 html2canvas 가 있습니다.
html2canvas.js 만 포함시킨 후, 함수를 호출하면 되는데.
Sample 은 아래와 같습니다.
처음에 실행하면 에러가 생겼는데요.
github 에 올라간 html2canvas.js 소스가 최신것이 아닌 모양입니다.
그런데.. Capture 한 영역 내부에 iframe 이 있으면 iframe 부분은 capture 안됩니다.
(iframe 내부만 따로 capture 할수는 있는 것 같습니다만.)
또한, IE8 이하 버전에서는 지원이 안됩니다.
참고하세요~~
img 태그나 background 이미지까지 capture 가능한 sample 소스 추가해 둡니다.