javascript - 如何使用fabricjs增加从 Canvas 下载的图像的大小？

我正在使用以下内容下载我的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>

最佳答案

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

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

因为渲染png是指画布width和height。

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

关于javascript - 如何使用fabricjs增加从 Canvas 下载的图像的大小？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47268159/