画布转换为白色背景的 JPG答案

【问题标题】：Canvas convert to JPG with white background画布转换为白色背景的 JPG
【发布时间】：2018-10-04 15:54:12
【问题描述】：

我面临着类似的问题Canvas convert to JPG with white background，我的问题是this。

欢迎提出建议。

谢谢

编辑：我有一个画布，我正在创建一些形状，现在我需要显示画布的预览并将画布数据发送到服务器（所有转换都在'jpg'中），实际上发生的情况是画布区域变黑了，我需要白色的。我试过canvas.setBackgroundColor('rgba(255, 255, 255,1)', canvas.renderAll.bind(canvas)); 或canvas.background = 'white';canvas.renderAll() 但没有运气，它仍然是黑色的。

当我检查canvas.toJSON() 时，它显示rgba(255, 255, 255,1)。

PS：我的面料版本是1.6.2

这是black background image的输出

【问题讨论】：

请解释您的整个问题并包括您迄今为止尝试过的内容。
添加一个画布大小的白色矩形作为快速简单的修复

标签： javascript canvas html5-canvas fabricjs

【解决方案1】：

现已修复。

这是由于剪辑区域而发生的。感谢@AndreaBogazzi 提供帮助。你可以在这里查看When clipped canvas exported as JPG gives black background。

【讨论】：