Estou usando esta biblioteca para converter ícones FontAwesome na página html em tela, em seguida, convertendo-os em string de base64 e, finalmente, em byte [] para uso em um relatório de cristal. No Firefox e no Chrome, essa funcionalidade funciona perfeitamente. No Safari 10.1.2, o elemento canvas não renderiza o ícone; Ele é mostrado como um quadrado branco em branco.
Reproduzir:
html2canvas(document.querySelector(
#icon ), { logging: true, allowTaint: true })
canvas.toDataURL();
document.body.appendChild(canvas);
O elemento de tela aparece como branco em branco. A string base64 é válida, mas também é branca em branco (como esperado, suponho).
Em uma nota separada, mas menos importante. Tive um bug apenas no safari, onde se o elemento tivesse display: inline-block , a tela estaria vazia.
+1
Enviei um PR para corrigir este problema
o mesmo problema também com svgs de bandeira de país de reação
Comentários muito úteis
Enviei um PR para corrigir este problema