在"toDataURL"函数中,Multiplier属性无法正常工作,并且在Fabric.js中进行裁剪

Abh*_*nav 7 javascript html5 canvas html5-canvas fabricjs

我原来的大小canvas800X700.

我正在使用clipTo画布的选定部分:

var rect = new fabric.Rect({
  left: 100,
  top: 50,
  fill: '#fff',
  width: 376,
  height: 602,
  strokeWidth: 0,
  selectable: false
});

rect.set({
    clipFor: 'mainCanvas',
});
Run Code Online (Sandbox Code Playgroud)

我确保所有图像和文本都在画布的这一部分内.

我想做的事:

我想扩展了这个画布的一部分到的宽度和高度1500X2400,以便它可以被用于打印

我使用以下toDataURL函数,乘数3

var imgData= canvas.toDataURL({
  format: 'png',
  width: 376,
  height: 602,
  top: 50,
  left: 100,
  multiplier: 3
});
Run Code Online (Sandbox Code Playgroud)

但我只得到了图像的最顶层部分.有解决方案吗


更新:有关该问题的更多信息

我使用的是Ubuntu 16.04Fabric.js-1.6.2

JsFiddle上展示问题

单击enhance image按钮时,仅显示图像的左上部分.