在canvas.toDataURL中检测浏览器对图像类型的支持

您只需要指定像这样的JPEG：

var quality = 0.8;
var dataUri = canvas.toDataURL('image/jpeg', quality); // quality is optional

如果您的dataUri现在包含相同的字符串，则支持JPEG。否则，字符串将为image / png。

if (dataUri.match('image/jpeg')) {
    // support jpeg
}

话虽如此，我认为没有任何浏览器不支持jpeg格式。像这样的测试更适合各种程度的不常见格式，例如webp，位图等。

对于一般测试，您可以执行以下操作：

function hasSupport(mime) {
    var canvas = document.createElement('canvas');
    canvas.width = canvas.height = 1;
    var uri = canvas.toDataURL(mime);
    return (uri.match(mime) !== null);
}