Html2canvas: [Safari 10.1.2] Impossible de rendre l'icône FontAwesome dans le canevas.

Créé le 30 juil. 2018  ·  3Commentaires  ·  Source: niklasvh/html2canvas

Rapports de bogues :

J'utilise cette bibliothèque pour convertir les icônes FontAwesome sur la page html en canevas, puis les convertir en chaîne base64, et enfin, en byte[] pour une utilisation dans un rapport Crystal. Sur Firefox et Chrome, cette fonctionnalité fonctionne parfaitement. Sur Safari 10.1.2, l'élément canvas ne rend pas l'icône ; Il apparaît sous la forme d'un carré blanc vierge.

Reproduire:

  1. Ajoutez une icône fontawesome 4 sur la page html.
  2. Appel
    html2canvas(document.querySelector( icône ), { logging: true, allowTaint: true })
  3. Lorsque la promesse se réalise, appelez :
    canvas.toDataURL();
    document.body.appendChild(canvas);

L'élément canvas s'affiche sous la forme d'un blanc vierge. La chaîne base64 est valide, mais elle est également blanche (comme prévu, je suppose).

Sur une note séparée, mais moins importante. J'ai eu un bogue dans safari uniquement, où si l' élément a display:inline-block , le canevas serait vide.

Caractéristiques:

  • version html2canvas testée avec : v1.0.0-alpha.12
  • Navigateur & version : Safari 10.1.2
  • Système d'exploitation : OSX Yosemite 10.10.5

Commentaire le plus utile

J'ai envoyé un PR pour résoudre ce problème

Tous les 3 commentaires

+1

J'ai envoyé un PR pour résoudre ce problème

le même problème aussi avec les svgs react -country-flag

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

Josh10101010 picture Josh10101010  ·  3Commentaires

koreanman picture koreanman  ·  4Commentaires

bishwapoudel picture bishwapoudel  ·  4Commentaires

kunal886496 picture kunal886496  ·  3Commentaires

anthonymejia picture anthonymejia  ·  4Commentaires