如何使用fabricjs从画布增加下载图像的大小？

Question

我正在使用以下内容下载我的fabricjs画布并且它工作得很好，但我想知道如何使下载的图像更大，以便在打印时更清晰？感谢您提前提供任何帮助。

// Download as png
function download(url, name) {
  // make the link. set the href and download. emulate dom click
  $('<a>').attr({
    href: url,
    download: name
  })[0].click();
}

function downloadFabric(canvas, name) {
  //  convert the canvas to a data url and download it.
  download(canvas.toDataURL(), name + '.png');
}

<button onclick="downloadFabric(canvas,'save');">Save</button>

Answer 1

您可以将画布宽度和高度设置为大于显示大小。

<canvas width="2400" height="2400" style="width:600px;height:600px;"></canvas>

因为渲染png引用了画布width和height。

FIDDLE（你可以从小提琴中获得2400x2400的图像）

Answer 2

这与this post类似。从那里开始，我能够将{multiplier: 4}添加到canvas.toDataURL();工作得非常出色。