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