canvas.toDataURL donne une image noire solide?

J'ai un élément canvas avec certains gribouillage.

Je suis l'aide de la suivante pour convertir la toile au format jpeg:

var data = canvas.toDataURL( "image/jpeg", 0.5 );
var img = new Image();
img.src = data;
$( "body" ).append( img );

Toutefois à la place de mon griffonnage, je reçois un solide noir jpeg.

Quelqu'un peut me dire ce que je fais mal?

Merci!

source d'informationauteur user1031947