如何将 html + css 3.0（转换属性）转换为图像？答案

【问题标题】：how to convert html + css 3.0 (transform attribute) to image?如何将 html + css 3.0（转换属性）转换为图像？
【发布时间】：2015-10-27 21:11:23
【问题描述】：

我有使用 Css3.0 的 transform 属性的内联样式的 HTML。我想转换成图像。我没有使用画布，我已经尝试使用 html2canvas 和其他 API 来捕获屏幕截图，但它对我不起作用。我真的尝试了太多将其转换为图像。下面是 HTML 的 URL。我想将其转换为图像。请帮我解决这个问题。

http://gurutechnolabs.co.in/websites/Corephp/strawberry/test.php

我也尝试过使用 wkhtmlimage 我得到这个输出：test image

【问题讨论】：

请发布您的代码或 JSfiddle。不是外部网站..
我也有这个问题。我已经解决了这些answers。

标签： php jquery html canvas webpage-screenshot

【解决方案1】：

有两种方法我知道并且非常适合我，

用户

wkhtmltoimage

它获取 HTML 并将其转换为图像。它支持所有 html5 和 css3 属性。你可以在这里阅读更多关于它的信息http://www.catchstudio.com/labs/php-screenshots/

HTML2PDF 实用程序，然后在 php 中进行 imagick

这里的想法是将 HTML 转换为 PDF，然后再转换为图像。首先 HTML2PDF 会将 html 转换为 PDF，然后 Imagick（它是 php 中的 imagemagick 包装器）会将其转换为所需格式的图像。你可以在这里读更多关于它的内容 http://buffernow.com/html-to-image-php-script/

希望对你有帮助！

【讨论】：

我已经尝试过使用 html2pdf & imagemagick 它不起作用。当用 pdf 编写的图像时，它们会失去它们的转换。你能告诉我如何使用 wkhtmltoimage 吗？我不知道如何安装它以及在哪里应用命令？
wkhtltoimage 是 wkhtmltopdf 的扩展。我提供的链接有安装它的步骤。尝试一次