网站截图（HTML5 画布/服务）

Posted 2023-03-05

【中文标题】网站截图（HTML5 画布/服务）

【英文标题】：Website Screenshot (HTML5 Canvas / Services)

【发布时间】：2011-12-28 17:16:51

【问题描述】：

好吧，

一直在做一些研究，想知道是否有其他人尝试过这个......以及你会采取什么方法。

我打算做一个网站，它会显示网站的屏幕截图（可能基于某人电子邮件地址中的 url）。

会有很多人得到这个，所以截图的预制作不是解决方案。

Soooooo...有谁知道任何解决方案：

按需构建的缩略图服务（无需排队）？ html5/Canvas 脚本可以让我执行此操作。我找到了一个，但它不会跨站点运行。 还有其他解决方案吗？

它将用 php 构建。

谢谢

PVS。

【问题讨论】：

***.com/questions/757675/…

您的问题与詹姆斯提到的问题或这些***.com/questions/tagged/… 中的任何一个有什么不同吗？ HTML/Canvas 如何融入 PHP？ AFAIK 你仍然需要启动一个真正的浏览器来获取准确的截图。

Mike... 是的，这是不同的，因为我问的是 HTML5/Canvas 解决方案，而不仅仅是 PHP 本身。回答您的问题 HTML/Canvas 不适合 PHP。我提到了 PHP，所以人们知道我将使用什么技术来开发系统。可能应该进一步解释。如果人们知道可以在 .NET 中工作的东西，他们不想浪费他们的时间。感谢您提供有关真实浏览器的信息。

【参考方案1】：

我以前玩过wkhtmltoimage，它非常适合我使用它，但确实需要你安装到你的服务器上

【讨论】：

谢谢。还将对此进行进一步调查。

【参考方案2】：

为了截取网站截图（其中一项功能），我在令人敬畏的 PhantomJS 之上构建了一个服务，这是一个出色的无头浏览器，它使用 webkit 引擎（与 safari 使用的相同）。尽管它是无头的，但它仍然具有 QT 中的 deps 和虚拟帧缓冲区 (xvfb)。希望这会有所帮助：http://www.phantomjs.org/

【讨论】：

谢谢。将进一步调查。

【参考方案3】：

您可以使用html2canvas。更多信息here.

【参考方案4】：

此站点http://html2canvas.hertzen.com/ 是您现在可以获得的关于客户端脚本的最佳站点。它使用元素的计算属性来渲染页面，我必须说它看起来不错！

更新： 这里有一个演示：http://html2canvas.hertzen.com/tests/templates/projection/index.html。单击以使用渲染图像切换“真实”视图。