问题标签 [wkhtmltoimage]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1674 浏览

c# - 不使用 WebBrowser 的 Html 渲染到图像(C#/Net)

我有 html 字符串/文档(如果您在 IE 浏览器中查看任何网页的源代码,则生成的 html 代码)存储在数据库中,我需要使用 C#/.Net wcf 服务将此 html 转换为图像。当前代码正在使用 WebBrowser,它工作正常,只是它非常慢并且偶尔会遇到问题。

我想在不使用 WebBrowser 的情况下替换此功能(将 html 转换为 .png 图像)。我尝试使用似乎可以解决大多数问题的 TheArtofdev.HtmlRenderer,但是当它遇到 html(包含多个“div>”可能是?)时似乎遇到了问题,如下面的 html 并且它不能正确生成图像。它仅生成此 html 的部分图像。

我可以调整上面的 html 以使 HtmlRender 以某种方式快乐吗?如果 HtmlRender 不能按预期工作,还有哪些其他选项(.Net/C#)?非常感谢任何帮助!

0 投票
0 回答
462 浏览

jquery - 如何使用 ruby​​ on rails 应用程序或 Javascript 将经过身份验证的 html 网页转换为图像

我有一个“设计”网页,其中有一些带有一些主题图像和颜色的设计模板框架。我想将此网页转换为图像。我尝试使用imgKitwkhtml2imagegem,但它只显示登录页面作为图像,它没有显示我们需要的页面。我也尝试使用“html2canvas”,但它只显示布局。它不显示页面内容。请看代码:

我必须将此 json 内容转换为图像。任何想法如何做到这一点?

0 投票
1 回答
4199 浏览

c# - 使用 NReco.ImageGenerator 将 Html 转换为图像:C#

介绍

我正在使用可以将“html”转换为图像的功能。对于图像创建,我使用“图像”功能(System.Drawing)。

功能工作正常(包括 html 样式等),除了我将在后面的问题中描述的一件事。

问题

出现问题在 html 中使用非英语语言时,虽然对于英语它工作正常。显然是 Unicode 问题,由于我的理解有限,我做错了。

C# 代码

我一直在试图弄清楚如何解决这个问题,但还没有。如果有人可以帮助解决这个问题,请提供帮助。任何帮助参考都会有所帮助,我们将不胜感激。感谢您的宝贵时间。

0 投票
0 回答
294 浏览

wkhtmltopdf - wkhtmltoimage 在 Polymer 网站上不起作用

我正在尝试使用wkhtmltoimage捕获网站的图像。它不适用于使用 Polymer 构建的网页。例如,

给我留下了一个长长的白色矩形作为图像。我用 wkhtmltopdf 得到了类似的结果。

如何捕获使用 Polymer 构建的网站的图像?

0 投票
7 回答
5429 浏览

wkhtmltopdf - 在 AWS ElasticBeanstalk 上安装 WKHTMLTOX (WKHTMLTOPDF + WKHTMLTOIMAGE)

我需要将 WKHTMLTOX 与我的 AWS EB 应用程序一起安装。我找到了这个教程,它可以工作,除了它支持旧版本。

是否有人在 AWS EB 上安装了最新(0.12.3)版本,因为这是一个有点不同的文件夹结构?

0 投票
1 回答
2159 浏览

ruby-on-rails - 尝试使用 imgkit 和 wkhtmltoimage 将 html 转换为图像

尝试使用 ImgKit 和 wkhtmltoimage 将 HTML 内容转换为图像。图像已成功转换,但面临字体问题(Font Awesome)。

图像看起来不像 HTML 内容。

附加 2 张图像,其中一张具有 HTML 内容 (HTML-CONTENT.png),另一张转换为图像 (HTML-Converted-To-IMAGE.png)。您可以看到 2 张图像之间的字体差异。

在此处输入图像描述

在此处输入图像描述

你能否请任何人建议我,我怎样才能实现精确的 html 转换为图像。

我在这里先向您的帮助表示感谢。

0 投票
2 回答
786 浏览

node.js - Node.js - 将 HTML 渲染为图像或 PDF。在本地工作,在服务器上摔倒

我正在涉足 Node 并试图获得一个基本的 Web 服务器设置,该设置将接受 HTML 并根据使用的路由返回 PDF 或图像。

以下在我的本地机器上运行时有效。我把它放到了两台不同的服务器上,一台使用 Apache,另一台使用 Nginx。在这两种情况下,它都无法返回图像或 PDF。PDF 路由返回 502,图像路由返回空图像。

我可能会以错误的方式处理某些事情,但我现在对我所缺少的有点不知所措。任何指针将不胜感激。

这是在服务器上为 PDF 路由记录的错误。没有为图像路由记录错误。

我正在使用 curl 进行测试。

0 投票
2 回答
2037 浏览

wkhtmltopdf - 错误的字体渲染 wkhtmltopdf

我们正在使用 wkhtmltopdf 和 wkhtmltoimage 最新版本(0.12.3)。并且遇到了“Frutiger Neue LT W1G Bold”字体的问题。它确实适用于所有普通浏览器,但在使用上述库创建图像或 pdf 后,它会呈现错误的 '0'-char(它在 '0' 内有奇怪的舍入)。

应该如何(Chrome 版本 53.0.2785.116 64 位):

在此处输入图像描述

wkhtmltopdf:

在此处输入图像描述

wkhtmltoimage:

在此处输入图像描述

也许有人遇到同样的问题并且知道答案?

我测试了许多使用 font-squirrel 等网站生成的不同@font-faces,但没有任何效果。我们也尝试了“Gotham Medmium”-Font,即使使用该字体,它也会得到一些奇怪的类似效果图。

我的html/css:

0 投票
1 回答
1058 浏览

php - 在 Docker 上使用 Phantomjs(或 wkhtmltoimage)截屏时出现模糊的角落和糟糕的渲染

我正在尝试从 HTML 生成图像(jpg 或 png),并且我已经尝试过 PhantomJS(通过 php 中的 jonnyw/php-phantomjs)和 wkhtmltoimage,但是它们在生成图像时都有同样的问题。任何边框半径、图像或字体都有非常糟糕的锯齿状边缘,而且根本不清晰。

起初我以为没有加载字体,但我的字体图标工作正常,它们的质量真的很差。我有 100 个质量集,在任何网站上使用 Phantomjs 或 wkhtmltoimage 时都得到相同的结果。

在此处输入图像描述

有谁知道这可能是什么原因造成的?

更新

在此处输入图像描述

更新 2

这是 jonnyw/php-phantomjs 中使用的代码:

正在使用的 JS

0 投票
0 回答
350 浏览

javascript - fwrite() 调用时返回 int(0)

我正在尝试使用 fcimg 和 wkhtmltoimage 将图表导出到 PDF 报告。我不断从 fcimg 收到错误消息,说“致命错误:未捕获的异常 'FCImageException' 并带有消息 'wkhtmltopdf 出现错误'[...]”。

通过调试 de fcimg 库中的函数,我注意到几个负责将 FusionCharts 的缩小 JS 脚本写入文件的“fwrite()”函数返回值“0”(没有写入,但没有错误),甚至将要写入的字符串正确保存到变量中(如下面的代码)。我不知道的“fwrite”功能是否存在某种限制或限制?以前对该函数的调用工作得很好。任何帮助或建议将不胜感激。