javascript - 无法在画布上设置高度和宽度

Question

我正在使用 javascript 创建一个画布对象并尝试在其上设置高度和宽度，但它没有创建具有所需尺寸的画布。请告诉我哪里出错了。这是代码 -

const canvas = document.createElement('canvas');
const a = document.createElement('a');
canvas.style.height = '1000px';
canvas.style.width = '1000px';
a.href = canvas.toDataUrl('image/jpg');
a.download = 'download.jpg';
a.click();

下载的图像尺寸似乎要小得多，而不是指定的尺寸（1000px * 1000px）

标签： javascriptreactjscanvas

Answer 1

如果要设置 HTMLCanvasElement 的宽度/高度，则需要直接在画布元素上设置它们，而不是在其样式上。所以它应该是这样的：

const canvas = document.createElement('canvas');
const a = document.createElement('a');
canvas.height = '1000px';
canvas.width = '1000px';
a.href = canvas.toDataURL('image/jpg');
a.download = 'download.jpg';
a.click();

另外，你拼错了 function .toDataURL()， URL 是大写的。