带乘数选项的FabricJS toDataURL方法创建无效的位图文件

时间:2015-10-05 21:08:02

标签: javascript canvas fabricjs

我正在使用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像素的文件中。

0 个答案:

没有答案