捕获和转换Web的工具
GrabzIt的在线社区

ConvertHTML - PDF 和 PNG/JPG 之间的区别

询问有关如何捕获或转换网页或HTML的问题 into图像,CSV,PDF或DOCX文档以及如何转换视频 into使用我们的API的GIF动画。

Hi

我已经成功地将 ConvertHTML 与 PNG 结合使用,现在我一直在尝试使用相同的代码(对 PDF 参数稍作修改)来选择 PDF 导出,但 PDF 导出给出的结果略有不同,不太正确。 PDF 导出在 HTML 的右侧和底部放置了一些额外的空白(不是边距)。 我已经使用下面的代码测试了完全相同的 HTML。 有什么想法为什么我会得到不同的出口吗? 我唯一能想到的是当我将像素转换为毫米时,我必须四舍五入。 

谢谢

这是我的 PNG 代码:

GrabzIt("").ConvertHTML(whatToConvert, {
     “目标”:“#captureThis”,
     “地址”:地址,
     “格式”:“png”,
     “透明”:1、
     “宽度”:1200,
     “身高”:628,
     “宽度”:1200,
     “高度”:628,
     “displayid”:“最终图像”,
}).DataURI(dataURLAfterGrabzIt);

 

这是 PDF 的代码:

GrabzIt().ConvertHTML(whatToConvert, {
     “目标”:“#captureThis”,
     “地址”:地址,
     “格式”:“pdf”,
     "width": 317, //像素转换为mm
     "height": 166, //像素转换为mm
     “displayid”:“最终图像”,
     “mtop”:0,
     “左”:0,
     “m底部”:0,
     “嗯”:0
}).DataURI(dataURLAfterGrabzIt);

 

科里·奥尔德林 (Corey Alderin) 于 16 年 2019 月 XNUMX 日提问

嗨科里,

是的,它们可能会略有不同。 这是因为我们正在创建浏览器中内容的精确图像,然后将其剪切到目标元素。 另一种则转换为PDF元素,然后剪切出正确的PDF元素。

另外,对于 PDF,我认为您不应该指定宽度和高度。 

亲切的问候

GrabzIt 支持人员于 16 年 2019 月 XNUMX 日回复

谢谢。 那么是否有可能得到相同的结果呢? 我一直在测试很多不同的东西但没有成功。 我需要使用 PNG 到 PDF 转换器吗? 我试图避免这种情况,但也许这是唯一的解决方案。

 

如果我不指定高度和宽度,那么它会添加更多的空白。 我尝试了仅指定宽度和高度的不同组合,它们都给出了不同的结果,但不是正确的结果。 

 

谢谢

 

 

Corey Alderin 于 16 年 2019 月 XNUMX 日回答

您能否提供您尝试捕获的 HTML? 通过电子邮件将其发送给我们可能会有意义。

GrabzIt 支持人员于 16 年 2019 月 XNUMX 日回复

当然,我可以发送。 我应该将其发送到哪里?

Corey Alderin 于 16 年 2019 月 XNUMX 日回答

好吧,我想我明白你的意思了。 当您将目标捕获为 PDF 时。 它仍然会返回您要求的页面大小,因此如果您要求 A4 的页面大小,您会得到目标裁剪并留在 A4 页面中。

但是,您似乎希望目标 HTML 元素单独存在,并将页面大小设置为 HTML 元素页面大小。

它是否正确? 如果是这样,则需要更改代码。 我认为我们可以通过允许将 -1 传递给页面大小参数来实现这一点,方式与创建目标图像类似。

GrabzIt 支持人员于 16 年 2019 月 XNUMX 日回复

对,那是正确的。 如果这是一个选择,那就太好了。 谢谢

Corey Alderin 于 16 年 2019 月 XNUMX 日回答