Jquery fabric.js-字体大小限制
在高分辨率下使用dataToURL函数进行打印时,我对fabric.js(1.4.0)和fontsize有一个问题 当我将画布上的文本放大,并且dataToURL有一个乘数将结果放大到300dpi时,文本在结果中出错。结果通过ajax发送到php脚本,以便在服务器上呈现图像。画布为430x430px,打印图像为4700px 如果字体大小足够大,文本在结果中不会变大,只有字母之间的间距在增加。如果字体大小不是那么大,结果是正确的 我举了一个简单的例子: 使用“保存”按钮后创建的图像不正确。如果我将scaleX/Y更改为1或2,则可以 你知道如何避免这种情况吗?Jquery fabric.js-字体大小限制,jquery,canvas,fabricjs,Jquery,Canvas,Fabricjs,在高分辨率下使用dataToURL函数进行打印时,我对fabric.js(1.4.0)和fontsize有一个问题 当我将画布上的文本放大,并且dataToURL有一个乘数将结果放大到300dpi时,文本在结果中出错。结果通过ajax发送到php脚本,以便在服务器上呈现图像。画布为430x430px,打印图像为4700px 如果字体大小足够大,文本在结果中不会变大,只有字母之间的间距在增加。如果字体大小不是那么大,结果是正确的 我举了一个简单的例子: 使用“保存”按钮后创建的图像不正确。如果我将
或者,如何获得最大支持的fontsize并禁止将其变大?因为这似乎是Firefox的一个限制,我正在观察缩放事件,并在定义的最大缩放比例下停止。还使用Github的最新版本1.4.13进行了测试,看起来该限制仅适用于Firefox(34)。铬(35)没有限制或更高的限制。
$('#save').on('click', function() {
var multiplier = 10;
canvas.deactivateAll();
canvas.setBackgroundColor('#FFFFFF');
var dataURL = canvas.toDataURL({
format: 'jpg',
multiplier: multiplier
});
window.open(dataURL);
});
canvas = new fabric.Canvas('canvas');
canvas.setWidth(430);
canvas.setHeight(430);
var textObject = new fabric.Text('123', {
fontFamily: 'Arial',
textAlign: 'left',
left: 10,
top: 10,
fontSize: 60,
scaleX: 4,
scaleY: 4
});
canvas.add(textObject);
canvas.renderAll();