在不损失质量的情况下获取 div 内容作为图像的最佳方法是什么答案

【问题标题】：What is the best way to get content of a div as an image without loosing the quality在不损失质量的情况下获取 div 内容作为图像的最佳方法是什么
【发布时间】：2017-12-11 08:46:26
【问题描述】：

我有一个 DIV，其大小可能因窗口大小而异。我想要得到的是 div 的图像版本（好像用户截取了该 div 的屏幕截图），但始终为 1280x720 分辨率。

我正在尝试的一个选项是使用 html2canvas 库将 DIV 内容转储到画布中，但是当我放大它时，我会失去图像质量。有没有其他选择？

【问题讨论】：

标签： html5-canvas html2canvas

【解决方案1】：

<img src="path/filename.extension" style="min-width:100%;" />

这将适合父 div 中的图像（无论大小如何）。

【讨论】：

对不起。没有得到你。你的意思是 Blockquote 是一个库？
废话！我添加了一个代码 *
啊！这会拉伸图像。我想要 1280x720 的实际图像。所以基本上我想缩放图像，但是 html2canvas 的 onrendered 回调并没有给出其中具有缩放方法的画布对象。
这将使您的图像适合 1280x720（假设它是 4000x3000 或 800x300），但不会将其下采样到 1280x720。我想您正在尝试将任意大小的图像下采样到 120x720。
没有。我将它从 960x540 升级到 1280x720。但它无法在 DOM 中显示该尺寸的图像，而是获取 1280x720 的实际图像（base64 编码数据），所以如果我从该 base64 编码数据创建图像，我会得到尺寸为 1280x720 的图像。