Html2canvas: [Safari 10.1.2] No se puede representar FontAwesome Icon en el lienzo.

Creado en 30 jul. 2018  ·  3Comentarios  ·  Fuente: niklasvh/html2canvas

Informes de errores:

Estoy usando esta biblioteca para convertir FontAwesome Icons en la página html en un lienzo, luego convertirlos a una cadena base64 y, finalmente, a un byte [] para usar en un informe de cristal. En Firefox y Chrome, esta funcionalidad funciona perfectamente. En Safari 10.1.2, el elemento canvas no representa el icono; Se muestra como un cuadrado blanco en blanco.

Reproducir:

  1. Agregue un ícono de fontawesome 4 en la página html.
  2. Llama
    html2canvas(document.querySelector( #icono ), { logging: true, allowTaint: true })
  3. Cuando se cumpla la promesa, llame a:
    canvas.toDataURL();
    document.body.appendChild(canvas);

El elemento de lienzo se muestra en blanco en blanco. La cadena base64 es válida, pero también está en blanco (como era de esperar, supongo).

En una nota separada, pero menos importante. Tuve un error solo en safari, donde si el elemento tiene display: inline-block , el lienzo estaría vacío.

Especificaciones:

  • html2canvas versión probada con: v1.0.0-alpha.12
  • Navegador y versión: Safari 10.1.2
  • Sistema operativo: OSX Yosemite 10.10.5

Comentario más útil

Envié un PR para solucionar este problema

Todos 3 comentarios

+1

Envié un PR para solucionar este problema

el mismo problema también con svgs react-country-flag

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

celik75 picture celik75  ·  4Comentarios

anthonymejia picture anthonymejia  ·  4Comentarios

AlphaDu picture AlphaDu  ·  4Comentarios

kunal886496 picture kunal886496  ·  3Comentarios

ABHIKSINGHH picture ABHIKSINGHH  ·  3Comentarios