Discussion :

[Etudiant57]

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 :

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

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.

[melka one]

jour

essai de cette facon

Code :

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

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);
 
  });
}

[Etudiant57]

Merci pour ton aide Melka one, mais ça me donne également un rectangle noir.

[melka one]

le probleme doit venir du rendu dans le canvas peut etre le preserveDrawingBuffer qui est déclaré trop tard

[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.