Discussion :

[Zac699]

Bonjour,

sur une appli, j'exporte des div dans des png avec cette fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function printToFile(div, title) {
    html2canvas(div).then(function (canvas) {
        var myImage = canvas.toDataURL("image/png");
        downloadURI("data:" + myImage, title + ".png");
    }
    );
}

Ca fonctionnait bien jusqu'à aujourd'hui, où le client voulait des textes écrits verticalement avec le style css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
td.verti {
                writing-mode: vertical-lr;
                transform: rotate(180deg);}

Sur le png résultat, le texte est horizontal et retourné, pas comme dans le navigateur.
Avez-vous une idée de comment modifier le js ou le css pour que ça fonctionne ?

[mathieu]

expliqué comme cela, j'ai l'impression que c'est une fonctionnalité manquante de html2canvas.

pour capturer l'affichage d'un navigateur, vous pouvez essayer cela :
https://developer.mozilla.org/en-US/...etDisplayMedia