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

时间:2016-09-08 09:30:32

标签: javascript html5 canvas html5-canvas fabricjs

canvas的原始尺寸为800X700

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

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

rect.set({
    clipFor: 'mainCanvas',
});

我确保所有图片和文字都在画布的这一部分内。

我想做什么:

我希望部分 扩展1500X2400的宽度和高度,以便可以用于打印

我使用以下toDataURL功能乘数作为 3

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

但我只获得了图片的最顶层部分。任何解决方案?

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

我正在使用 Ubuntu 16.04 Fabric.js-1.6.2

JsFiddle

上展示问题

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

0 个答案:

没有答案