Html2canvas: [Safari 10.1.2] Não é possível renderizar o ícone FontAwesome na tela.

Criado em 30 jul. 2018  ·  3Comentários  ·  Fonte: niklasvh/html2canvas

Relatório de erros:

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:

  1. Adicione um ícone fontawesome 4 na página html.
  2. Ligar
    html2canvas(document.querySelector( #icon ), { logging: true, allowTaint: true })
  3. Quando a promessa for cumprida, ligue para:
    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.

Especificações:

  • Versão html2canvas testada com: v1.0.0-alpha.12
  • Navegador e versão: Safari 10.1.2
  • Sistema operacional: OSX Yosemite 10.10.5

Comentários muito úteis

Enviei um PR para corrigir este problema

Todos 3 comentários

+1

Enviei um PR para corrigir este problema

o mesmo problema também com svgs de bandeira de país de reação

Esta página foi útil?
0 / 5 - 0 avaliações