问题标签 [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 投票
1 回答
802 浏览

html - 无法使用 phantomjs 或 wkhtmltoimage 将 html 转换为 png

我想将html转换为png。

这是我的html

这是 jsfiddle 示例。这实际上是我需要在我的 png 文件jsfiddle中得到的

我尝试使用wkhtmltoimage,我得到了这张图片在此处输入图像描述

我还尝试使用phantomjs并获取此图像 在此处输入图像描述 ,我将 phantomjs 与 nodejs 模块一起使用webshot

谁能建议我将html渲染为png图像的方法。我不需要动态 html。我要渲染的只是静态的。

更新。添加了用于生成图像的代码

0 投票
1 回答
147 浏览

javascript - wkhtmltoimage 不显示 highcharts 图表的网格线

我正在使用 symfony 生成一个简单的 highcharts 图,但是 wkhtmltoimage 没有正确显示网格线:

wkhtmltoimage highcharts 图

我的knp_snappy.image配置如下:

我在图中添加了以下选项:

我究竟做错了什么?如果我使用 wkhtmltopdf 输出是正确的..

0 投票
1 回答
1536 浏览

html - 将 HTML 导出为带有图像的 PDF

我在 powershell 中从 SQL 创建了一个 HTML 文档。现在,当我尝试使用 wkhtmltopdf 将 HTML 文档导出为 PDF 时,没有显示来自 HTML 文档的图像。如果我要从谷歌创建 PDF,图像将很好地导出:

如果我尝试从本地 HTML 文档中执行此操作,则不会出现任何图像:

我究竟做错了什么?

0 投票
0 回答
558 浏览

ruby-on-rails - IMGKit 显示空白图像

我的应用程序有一个活动数据库,我正在尝试使用 IMGKit 将活动的显示视图呈现为图像文件,然后可以在其他平台上使用。我觉得我已经正确实现了 IMGKit,但我得到的只是一张空白图像。

控制器动作:

不知道还有没有其他适用的?

编辑 - 这是它应该呈现的视图,show.jpg.erb

0 投票
2 回答
257 浏览

php - fusioncharts 和 wkhtmltoimage

我正在尝试在服务器上导出 fusionChart 图像而不在浏览器中渲染.. 我想在 tcpdf 中使用图像

我按照这里的例子 http://www.fusioncharts.com/blog/2013/03/how-to-save-charts-as-images-at-server-side/

mychart.php 工作正常,但未生成图像

路径设置 C:\Program Files\wkhtmltopdf

非常感谢任何帮助

0 投票
1 回答
330 浏览

html - 无法使用 wkhtmltoimage (Pascal) 的 c 绑定保存 png

我需要在我的实际 pascal 项目中将网站转换为透明图像。因此,我将 wkhtmltoimage 的 c 绑定翻译为 pascal(FPC / Lazarus IDE)。这是翻译:

我正在使用 libwkhtmltox.so.0.12.4。首先,我尝试使用如下代码创建一个 bmp 图像:

这工作正常。jpeg 和 svg 格式也可以使用(对于使用 svg,必须引用 Image1 中的显示)。使用 svg 时,透明背景选项也可以使用 ( wkhtmltoimage_set_global_setting(gs, 'transparent', 'true');)。但是如果我尝试 png ( wkhtmltoimage_set_global_setting(gs, 'fmt', 'png');) 我会收到错误Could not save image(通过回调)。

可能是什么问题?这个问题在c代码中也存在吗?

谢谢

我也测试了控制台工具(从 Ubuntu 存储库安装,版本 0.12.2.4-1)。这个工具有效。但如果我要使用这个工具,我必须保存临时文件。

0 投票
0 回答
147 浏览

firebase - Debian 中的 wkhtmltopdf

我试图让 wkhtmltoimage 在基于 64 位 Debian 的环境中工作。

我在节点项目中使用node-wkhtmltoimage。我在 mac 上开发,并使用 wkhtmltopdf 中的 mac 二进制文件,我让它工作正常。然后,当我使用 linux 二进制文件(从wkhtmltopdf 下载页面尝试了 linux 二进制文件和 linux(Debian) 二进制文件)时,它根本不会将我的 html 转换为图像。

我正在将它部署到一个 firebase 环境中,即 Debian 64 位环境。有人对此有任何运气吗?

0 投票
1 回答
160 浏览

javascript - 使用 wkhtmltoimage 渲染 unicode 文本

尝试使用 wkhtmltox 将 HTML 文件转换为图像:

./server.js

并且./tagslegend.html

我期待返回上述 HTML 的图像,例如(我的浏览器将如何呈现它):

在此处输入图像描述

相反,我得到了这个:

在此处输入图像描述

如何使用正确的汉字动态将该 HTML 呈现为 png 并将其提供给客户端?

0 投票
1 回答
127 浏览

javascript - 带有中文unicode的HTML到png?

我正在尝试./tagslegend.html使用 npm 包呈现此 html 文档wkhtmltox

这是javascript:

我希望它像我的浏览器一样呈现相同的 html:

在此处输入图像描述

但是我却得到了这样的png:

在此处输入图像描述

我该如何解决这个问题并让它像第一张图片一样渲染?

我在服务器上安装了该字体:

0 投票
1 回答
77 浏览

javascript - 渲染的图像比 html 元素宽得多

我正在尝试使用 npm 将此页面呈现wkhtmltox为 png:

我只是像平常一样渲染这个:

我得到这样的图像:

在此处输入图像描述

它的宽度为 1024 像素。

我期待一个 340 像素宽的图像。