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

Question

这是一个很长的镜头，但I've seen things可能使它成为可能。

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

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

Answer 1

基本上你不能这样做。至少是crossbrowser。但如果它不重要。您可以尝试<canvas>

点击http://www.nihilogic.dk/labs/canvas2image/

Answer 2

根据我对你的问题的理解，你可以使用

img

标签。用户可以在浏览器中查看图像，并将其保存到硬盘中。

从你的描述中，每张图片里面都会有不同的专辑封面，所以将这些组合成一张图片并不是一个好主意。

Answer 3

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

Answer 4

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

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