webGL Canvas vers image/pdf

Version imprimable

Bonjour à tous,

Mon soucis est le suivant : j'ai un canvas avec un rendu webGL via openJSCAD/. Je veux que l'utilisateur puisse le télécharger en format pdf ou image peu importe.
Le problème c'est que lorsque je télécharge le canvas, j'obtiens un rectangle noir.

J'ai fouillé sur le net et voilà ce que j'ai trouvé :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function canvas_to_pdf(id_sent){ $('#'+id_sent).on('click', function(event) { event.preventDefault(); var can = document.getElementsByTagName("canvas"); can[0].getContext("experimental-webgl", {preserveDrawingBuffer: true}); can = can[0]; var imgData = can.toDataURL( 'image/png'); var doc = new jsPDF('p', 'mm'); doc.addImage(imgData, 'PNG', 10, 10); doc.save('sample-file.pdf'); }); }
Malheureusement le résultat est le même.

J'espère que vous arriverez à m'aider.

jour

essai de cette facon

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function canvas_to_pdf(id_sent){
  $('#'+id_sent).on('click', function(event) {
     event.preventDefault();
                var can = document.getElementsByTagName("canvas");
 
                can[0].getContext("experimental-webgl", {preserveDrawingBuffer: true});
 
                can = can[0];
 
             var elem = document.createElement('a');
            elem.href = can.toDataURL("image/png");
            elem.download = "un_nom.png";
            var evt = new MouseEvent("click", { bubbles: true,cancelable: true,view: window,});
            elem.dispatchEvent(evt);
 
  });
}

06/09/2016, 13h37
Etudiant57

Merci pour ton aide Melka one, mais ça me donne également un rectangle noir.
06/09/2016, 16h22
melka one

le probleme doit venir du rendu dans le canvas peut etre le preserveDrawingBuffer qui est déclaré trop tard
07/09/2016, 16h15
Etudiant57

Je pense également la même chose.
J'ai essayé différente chose en vain.

J'ai posté un message sur le site communautaire d'OpenJSCAD, je vous tiens au courant si jamais je trouve une solution.