HTML2Canvas donne des images vides sur IOS

Question

Ce que fait mon code : J'ai une image et au-dessus de cette image, j'ai plusieurs autres images, dont certaines sont cachées et d'autres sont affichées (cela est décidé au moment de l'exécution). J'utilise donc HTML2Canvas pour convertir mon div principal en une image et ensuite télécharger cette image.

Problème : L'image est parfaitement téléchargée sur les ordinateurs portables, les ordinateurs de bureau et les téléphones Android MAIS l'image est vide sur IOS.

Lien de test : http://testing.mabdurrehman.com/ -> Vous pouvez cliquer sur les éléments pour les placer sur le gilet, sauvegarder le gilet, afficher le gilet, puis essayer de le télécharger sur IOS.

Code JS :

 <script>
    var img;
    html2canvas($('#vests-section'), 
    {
        onrendered: function(canvas) 
        {
            img = canvas.toDataURL();
        }
    });

    function download_img(el) {
        el.href = img;
    }

Toute aide est la bienvenue.

Faites-moi savoir s'il y a d'autres bonnes logiques !

Merci :)

Answer 1

Si l'objectif final est d'imprimer l'image, je suggère de rechercher une solution de conversion html vers image/pdf côté serveur, telle que mpdf pour éviter les tracas.