조각으로 캔버스 나누기

Question

나는 html2canvas를 사용하여 URL의 스크린 샷을 생성하고 있습니다. 이 스크린 샷은 페이지에 표시되며 클릭하면 조각으로 나눌 수 있기를 원합니다.

html2canvas에서 가져온 출력 파일은 캔버스 요소입니다. 어떻게 그것을 임의의 조각으로 "나눌"수 있습니까? 내가 원하는 모든 조각에 대해 새로운 캔버스 요소를 만들어야합니까?

Answer 1

Html2Canvas 클릭하지 마십시오. 그냥 DOM 요소를 제공 렌더링합니다. 그래서 난 당신이 조각으로 렌더링 된 캔버스를 깰 수 있다고 생각하지 않습니다.

이

스크립트를 작동하는 방법은에로드 된 페이지의 DOM을 통해 통과. 여기에있는 모든 요소에 대한 정보를 수집 한 다음 페이지의 표현을 작성하는 데 사용합니다. 즉, 은 실제로 페이지의 스크린 샷을 찍지 않지만 DOM에서 읽는 속성을 기반으로 이라는 표현을 만듭니다. 당신이 할 수있는

그러나 한 가지 부분으로 당신의 DOM의 컨텐츠를 분할하고 당신은 모든 DOM 조각에 대한 Html2Canvas을 사용할 수 있으며 필요한 결과를 얻을.