Html2canvas: iframe 내에서 html2canvas를 사용할 때 글꼴이 로드되지 않습니다.

에 만든 2019년 03월 13일 · 3코멘트 · 출처: niklasvh/html2canvas

안녕하세요, 저는 https://github.com/niklasvh/html2canvas/issues/328 과 비슷한 문제를 겪고
html2canvas를 사용하여 스크린샷을 찍는 위젯을 만들었습니다. 문제는 위젯이 iframe 내부의 사이트에 삽입되어야 하고 캡처는 작동하지만 글꼴이 로드되지 않는다는 것입니다. 다음은 발생하는 간단한 예입니다. test-case-iframe

명세서:

html2canvas 버전 테스트: v1.0.0-alpha.12
브라우저 및 버전: Google Chrome 버전 72.0.3626.121(공식 빌드)(64비트)
운영 체제: 맥 OS 10.13.6

출처

diego-rey

가장 유용한 댓글

@diego-rey 자식 프레임이 부모와 동일한 도메인에 있으면 자식 프레임의 본문에 캔버스 요소를 추가할 수 있다는 것을 알았습니다. 그런 다음 canvas 옵션을 사용하여 해당 요소를 html2canvas에 전달합니다. 자식 프레임 내부의 글꼴 정의를 선택합니다.