JavaScript를 사용하여 페이지의 특정 부분을 이미지로 저장하는 방법

Question

자바 스크립트를 사용하여 그리드를 만들고 그 중 일부 이미지를 이미지로 저장하고 싶습니다. 여기 내입니다 link

Answer 1

캔버스 요소를 사용하는 브라우저와 파이어 폭스 확장자로 제한 할 수 있다면 - 실제로 파이어 폭스는 캔버스에 DOM의 일부를로드하고 캔버스에 대한 이미지를 추출 할 수 있습니다. 기본적으로 :

canvas = document.getElementById("#acanvas"); 
if (canvas.getContext) { 
    var context = canvas.getContext('2d'); 
    context.drawWindow(here_any_part_of_the_DOM_tree_not_only_window); 
    var mypng = context.toDataURL(); 
}