HTML 5 Canvas toDATAURL toujours la même

Question

http://aaronhuzhang.com/html5draw/

Quand cliquez sur Envoyer, l'URL base64 afficherait dans votre console. en quelque sorte c'est toujours pareil.

Answer 1

En examinant votre code, j'ai pu voir que vous voulez un jpeg. Par défaut, les canevas sont transparents, ce qui rend la demande de .toDataURL() (sans arguments) un jeu d'enfant, car elle vous donne une transparence de support png et pngs.

Qu'est-ce qui se passe est que lorsque vous le demandez comme image/jpeg, les parties transparentes doivent être remplis en quelque sorte, et c'est avec la couleur noire. Comme la couleur de votre trait est également noire, le jpeg généré est un gros bloc noir, donc vous obtenez toujours la même base64.

Si jpeg est vraiment nécessaire, je vous suggère de jeter un oeil à this blog post. Sinon, restez simplement avec l'implémentation png par défaut.