javascript - Javascript - 元素作为图像的视觉表示

Question

这是一个长镜头，但我已经看到了可能使它成为可能的事情。

我有一个 div，里面装满了图像。专辑封面如果你必须知道。我希望允许用户将其作为图像下载。所以他们可以将它用作桌面背景之类的东西。

那么这可能吗？获取元素的这种视觉表示并将其显示为图像？

score 1 · Accepted Answer

基本上你不能这样做。至少跨浏览器。但如果不是关键。你可以试试<canvas>

score 0 · Accepted Answer

根据我从您的问题中了解到的情况，您可以使用

为此标记。用户可以在浏览器中查看图像并将其保存到他们的硬盘驱动器中。

根据您的描述，里面的每张图片都是不同的专辑封面，因此将它们组合成一张图片并不是一个好主意。

score 0 · Accepted Answer

假设我理解这个问题......如果你知道图像在 div 中的位置，你可以将图像连接在一起服务器端成一个图像。然后只需一个按钮，用户可以单击该按钮将调用该函数来组装和下载此图像。

score 0 · Accepted Answer

您可能会在服务器端进行渲染。我的意思是你可以在服务器上生成 HTML 和某种“截图”。结果几乎总是与用户看到的略有不同，但根据您的要求，这可能就足够了。

有多种工具可以做到这一点，例如 wkhtmltoimage，它是 wkhtmltopdf 的姊妹项目，可以在https://code.google.com/p/wkhtmltopdf/找到

4 回答 4