Html2canvas: [Safari 10.1.2] 캔버스에서 FontAwesome 아이콘을 렌더링할 수 없습니다.

버그 보고서:

이 라이브러리를 사용하여 html 페이지의 FontAwesome 아이콘을 캔버스로 변환한 다음 base64 문자열로 변환하고 마지막으로 크리스탈 보고서에 사용하기 위해 byte[]로 변환합니다. Firefox 및 Chrome에서 이 기능은 완벽하게 작동합니다. Safari 10.1.2에서 캔버스 요소는 아이콘을 렌더링하지 않습니다. 빈 흰색 사각형으로 표시됩니다.

재현하려면:

1. html 페이지에 fontawesome 4 아이콘을 추가합니다.
2. 부르다
   html2canvas(document.querySelector( 아이콘 ), { logging: true, allowTaint: true })
3. 약속이 이행되면 다음을 호출하십시오.

    canvas.toDataURL();
    document.body.appendChild(canvas);

캔버스 요소가 빈 흰색으로 표시됩니다. base64 문자열은 유효하지만 공백 흰색이기도 합니다(예상대로).

별도로, 그러나 덜 중요한 메모. 요소에 display:inline-block 이 있으면 캔버스가 비어 있는 사파리에만 버그가 있었습니다