Javascript - 可视化表示元素作为图像

Question

这是一个远射，但I've seen things可能使它成为可能。

我有一个div，里面充满了图像。如果你必须知道专辑封面。我想让用户以图片形式下载。所以他们可以将它用作桌面背景。

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

Answer 1

基本上你不能那样做。至少交叉浏览器。但如果它不重要。您可以尝试在这里http://www.nihilogic.dk/labs/canvas2image/

Answer 2

从我从你的问题了解你可以使用一个

img

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

从您的描述中可以看出，每张图片里面会有不同的相册封面，所以将这些图片合并成一张图片并不是一个好主意。

Answer 3

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

Answer 4

<canvas>

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

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