HTML 5 Canvas toDATAURL始终相同

Question

http://aaronhuzhang.com/html5draw/

点击提交后，base64网址会显示在您的控制台中。 不知怎的，它总是一样的。

Answer 1

检查您的代码，我可以看到您想要jpeg。默认情况下，画布是透明的，这使得请求.toDataURL()（没有参数）变得轻而易举，因为它为您提供了png和pngs支持透明度。

当你以image/jpeg的形式提出请求时，必须以某种方式填充透明部分，并且使用黑色。因为你的笔触颜色也是黑色，所以生成的jpeg是一个很大的黑色块，因此你总是得到相同的base64。

如果确实需要jpeg，建议您查看this blog post。否则只需坚持使用默认的png实现。