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:
html2canvas(document.querySelector(
#icono ), { logging: true, allowTaint: true })
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.
Comentario más útil
Envié un PR para solucionar este problema