我正在使用FabricJS的toDataURL方法和乘法器。但是,当我尝试下载并打开文件时,例如,它会抛出以下错误:
这不是有效的位图文件,或者当前不支持其格式
但是,如果我不使用乘数,它就可以了。我使用Chrome和我的尺寸乘以11610 x 7800(最初是774 x 520)所以它在这里规定的范围内:Maximum size of a <canvas> element
这是我的画布HTML:
<canvas id ="c"></canvas>
这是我的画布创建JavaScript:
var canvas = new fabric.Canvas('c', {
});
canvas.setWidth(774);
canvas.setHeight(520);
示例1:没有乘数(有效):
var img = canvas.toDataURL({
format: "png",
});
document.write('<img src="' + img + '"/>');
示例2:乘数(不起作用/位图错误):
var img = canvas.toDataURL({
format: "png",
multiplier: 15
});
document.write('<img src="' + img + '"/>');
更新:
这似乎只发生在尺寸大于10,000像素的文件中。