Question

我正在尝试将图片大小输出为画布大小的4倍。

用

var dataURL = canvas.toDataURL();

我将图像设置为画布的大小

然而，当我尝试

时

var dataURL = canvas.toDataURLWithMultiplier(4);

我收到错误＆＃34; canvas.toDataURLWithMultiplier不是函数＆＃34;

以下是我的功能。

$('.preview').on('click touchstart', function() {

  // save canvas image as data url (png format by default)
  canvas.isGrabMode = false;
  canvas.setZoom(1.0);
  canvas.viewportTransform = [1, 0, 0, 1, 0, 0];
  // var dataURL = canvas.toDataURL();

  var dataURL = canvas.toDataURLWithMultiplier(4);
  // so it can be saved as an image
  document.getElementById('previewImg').src = dataURL;

  canvas.renderAll();

});

Answer 1

var dataURL = canvas.toDataURL({
  format: 'png',
  multiplier: 4
});

在toDataURL()中使用multiplier属性。

canvas.toDataURLWithMultiplier不是函数

1 个答案: