html2canvas 图片尺寸

html2canvas 是一个 JavaScript 库，它可以将网页中的 HTML 元素转换为 Canvas 元素，从而生成截图或图片。生成的图片大小取决于 Canvas 元素的大小，而 Canvas 元素的大小又取决于截图的元素大小。

因此，要控制生成图片的尺寸，可以通过以下两种方式：

1. 设置截图元素的大小：在使用 html2canvas 时，可以指定要截图的元素，并设置该元素的宽度和高度，从而控制生成图片的大小。例如：

html2canvas(document.querySelector("#myElement"), {
  width: 800,
  height: 600
}).then(canvas => {
  // 生成的图片大小为 800x600 像素
});

2. 设置 Canvas 元素的大小：如果没有指定截图元素的大小，则 Canvas 元素的大小将自适应截图元素的大小。可以通过设置 Canvas 元素的宽度和高度来控制生成图片的大小。例如：

html2canvas(document.querySelector("#myElement")).then(canvas => {
  canvas.width = 800;
  canvas.height = 600;
  // 生成的图片大小为 800x600 像素
});

需要注意的是，如果生成的图片尺寸大于原始元素的尺寸，那么图片将会被拉伸，导致失真。因此，在设置图片尺寸时，应该根据实际需要进行调整，以保证生成的图片质量。