HTML5/캔버스 : 웹 페이지 미리보기?

Question

캔버스를 사용하여 웹 페이지의 미리보기 이미지를 생성 할 수 있습니까?

웹 페이지의 길이가 길어지면 세로로 길어지며 사용자가 Ajax를 통해 길어질수록 세로로 스크롤해야 페이지의 새로운 내용을 볼 수 있습니다. (chatroom과 같은 것을 생각해보십시오.)

브라우저 창의 모든 작은 미리보기 이미지를 생성하고 맨 위에 표시하여 사용자가 볼 수있는 부분을 미리 볼 수 있도록합니다. 페이지를 실제로 스크롤 할 필요없이 페이지 하단

아이디어가 있으십니까?

Answer 1

xhr 응답을 처리 할 때이를 복제하고 "미리보기"요소의 맨 위에 표시 할 수 있지만 수축 (글꼴 크기 : 6, 이미지 축소) 할 수 있습니다.

이 미리보기가 있어야하는데 방법 (작은) 큰 확실하지 ...

편집 : 그것은, 텍스트 너무 작다는 XHR을 처리 한 후 거기 요소를 측정 할 수있는 경우

및 크기 조정 된 버전을 만들어 미리보기 요소에 덤프 할 수도 있습니다. 무엇이 있는지 등을 나타내는 선이 구불 구불 어있는 "텍스트"블록의 배경 이미지를 설정하십시오. 그런 다음 클릭하면 페이지의 해당 섹션으로 점프됩니다 ... 사실 흥미로운 것 같습니다.