将HTML转换为原始尺寸的图像

Question

我一直在尝试将react代码中的HTML节点转换为Image，然后下载它。有几个库我们可以用来为我们完成这项工作，比如html- to -image，dom-to-image。但问题是，这些库以其视图大小下载图像，而不是以其原始大小。如果我有一个响应迅速的HTML div，它会随着窗口大小的变化而扩展和缩小，我希望将该HTML转换为原始尺寸的图像。我该怎么做呢？

Answer 1

如果你想用图片的原始尺寸下载图片，那么只需使用width和height来表示图片的宽度和高度。如果您希望下载的图片具有容器的尺寸，包括容器中使用的填充，那么可以使用图片元素的clientWidth和clientHeight属性。

Refer this link

Answer 2

如果你想下载具有原始尺寸的图像，那么只需使用宽度和高度作为图像的宽度和高度即可。如果您希望下载的图片具有容器的尺寸，包括容器中使用的填充，那么可以使用图片元素的clientWidth和clientHeight属性。已将图像编辑为所需的最小像素。