fabric.js通过canvas导出图片为jpeg

16人浏览 / 0人评论 / 添加收藏

// 假设您已经创建了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);

全部评论