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

Question

我一直在尝试将我的反应代码中的 HTML 节点转换为 Image 并在之后下载它。我们可以使用几个库来为我们执行这项工作，例如 html-to-image、dom-to-image。但问题是这些库以视图大小而不是原始大小下载图像。如果我有一个响应式 HTML div，它会随着窗口大小展开和缩小，我想将该 HTML 转换为原始尺寸的图像。我怎样才能做到这一点？

Answer 1

如果您想下载具有图像原始尺寸的图像，则只需使用width和height作为图像的宽度和高度。如果要下载具有容器尺寸的图像，包括容器中使用的填充，则使用图像元素的clientWidthandclientHeight属性。

参考这个链接

Answer 2

如果要下载具有图像原始尺寸的图像，则只需使用宽度和高度作为图像的宽度和高度。如果要下载具有容器尺寸的图像，包括容器中使用的填充，则使用图像元素的 clientWidth 和 clientHeight 属性。将图像编辑为所需的最低像素。