// 假设您已经创建了Fabric.js的Canvas实例并添加了一些对象
var canvas = new fabric.Canvas('c');
// ... 这里是添加对象到画布的代码 ...
// 当您需要导出JPEG图片时,使用以下代码
function exportCanvasAsJPEG(canvas, quality) {
var dataURL = canvas.toDataURL({
format: 'jpeg',
quality: quality // 图片质量,范围从0到1
});
// 创建一个a标签模拟点击进行下载
var downloadLink = document.createElement('a');
downloadLink.href = dataURL;
downloadLink.download = 'canvas.jpeg'; // 下载文件的名称
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
}
// 调用函数导出画布,例如使用70%的质量
exportCanvasAsJPEG(canvas, 0.7);
全部评论