问题标签 [css-to-pdf]

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 回答
484 浏览

javascript - IE(或可能是 Javascript 库)两次添加 SVG 命名空间

我对此进行了修改,并将此评论移至顶部。

与 Stackoverflow 一致,这可能是一些没有人可以修复的底层问题中的错误。但我会考虑您建议的最佳方法,保留在我们的应用程序框架内,以消除虚假属性作为解决方案。不然就不公平了。

我有一个奇怪的问题要解决,这令人费解。首先,除了在 Chrome 或 Firefox 上不会发生这种行为之外,还不清楚它是 IE。我们使用 Anychart 和 D3 中的图表库在页面上生成 SVG。这一切都很棒。该应用程序是一个打印应用程序,将解析后的 css + html 提取到单独的 div 中,并通过 REST 将其发送到格式化服务。

问题仅存在于 IE 中,并且仅存在于 Anychart 图表中。如果您检查此页面:

http://www.xportability.com/XEPOnline/FOTestSuite.html

并查看图像示例#4,您将看到一个图表。使用 IE 和 DOM 资源管理器,您将看到:

资源管理器 DOM

一切看起来都很好。事实上,如果那是“真实的”,一切都很好。如果您无论如何都使用 javascript 来提取该 SVG(最简单的方法是在 Explorer DOM 中复制 HTML),您将看到该元素的 HTML 实际上是:

即使document.getElementById("anychart").outerHTML在控制台中使用也会以这种方式返回此元素。

注意命名空间的双重声明。好吧,这就是问题所在,因为那是一个错误。

  • 它不会发生在 D3 图表上,也不会发生在静态图表上。只有这张图表。
  • 它不会发生在 Chrome 和 Firefox 中。
  • 最奇怪的是,它甚至没有在 IE 自己的 DOM 浏览器中以这种方式显示。

我在这里错过了什么吗?我们正在做的其他事情是让 IE 这样做吗?

注意:我不是在寻找诸如将正则表达式应用于序列化字符串之类的答案。我们可以这样做(事实上我们已经这样做了)来关闭空的(非关闭的)HTML 标记以生成有效的 XML。

注意 2:我并不否认这可能存在于使用的底层 Anychart JS 库中,或者是 Internet Explorer 中的错误。它仅使用 Anychart 库出现。已联系他们发表评论。但是,IE 在 DOM 资源管理器中仅显示一个命名空间,然后在导出时显示两个命名空间这一事实怀疑这可能是一个 IE 问题。他们也通过他们的支持得到了联系。

所以,我知道这个问题可能没有“答案”......它可能是另一个库或浏览器中的错误。

因此,这个演示目前仅适用于 Chrome 和 Firefox ......直到我们解决这个问题或以其他方式解决。

0 投票
3 回答
99163 浏览

javascript - 如何从html网页生成pdf?

我正在寻找一个库来在按钮单击事件后将我的网页转换为 PDF 文件。我正在尝试jspdf,但它在没有 CSS 的情况下打印,我怎样才能使用JavaScript/jQuery并保留我的 CSS?还是我可以选择的其他 CSS?

0 投票
1 回答
4016 浏览

java - Java 从 XML 生成 PDF

我仍在尝试从 xml 生成 pdf。我找到了一种通过 HTML 的方法,但我会让任何修改,代码仍然包含错误。

你能帮助我吗?生无可恋 :/

一个使用示例代码,我只编辑了 xsl - http://thinktibits.blogspot.cz/2011/05/java-itext-convert-xml-to-pdf-example.html

XSL:

问题还可能是 XML/HTML 包含诸如“ščřžýáíéě”之类的字符......

HTML: http: //pastebin.com/qSPUpV1u

0 投票
2 回答
8059 浏览

javascript - 莫里斯图导出为 PDF?

我正在使用 Morris.js 创建图表。我需要将图形导出为 pdf。我可以看到图表是 svg 元素。我应该怎么做才能做到这一点。

0 投票
1 回答
2613 浏览

css - 使用带有 Xporability/css-to-pdf 的 CSS 打印媒体

我正在使用https://github.com/Xportability/css-to-pdf将 HTML 表格加载到 PDF 中。除了能够在表格之间插入分页符之外,一切正常。使用此代码:

@media 打印样式没有任何效果。.noprint 和分页符无效。

0 投票
2 回答
1055 浏览

jquery-plugins - xep.cloudformatter.com:HTML 到 PDF。如何更改 Content-Desposition 标头的响应文件名?

使用xepOnline.jqPlugin.008.js我有 HTML 到 PDF 生成的文件,名称是 'doucment.pdf' 我如何强制将此文件重命名为abc.pdf

或者也许有什么方法可以改变“实时”响应头?

0 投票
0 回答
1799 浏览

javascript - CSS HTML 从图像中生成 PDF 文件,其下有文本

我想使用xepOnline.jqPlugin.js插件生成 PDF文件。

我有一个图像(在“背景”上)和图像下的 HTML 文本。我能够生成 PDF 文件,但有两个不同的元素:图像和图像之后(而不是图像下方)是文本。

相关元素的 CSS 如下:

是否可以生成带有文本的图像的 PDF 文件? (与 HTML 页面中显示的格式相同)

0 投票
1 回答
141 浏览

c# - XPS 中的 Visual 中未包含 VisualBrush 资源到位图的转换

更新:我们用解决问题的替代方法(PDF 到图像)替换了图像生成,但我将保留这个问题,因为我想了解这是否可能。

在我们的网站http://www.cloudformatter.com上,我们试图实现一些代码来将我们生成的 XPS 文件处理为图像。除了页面中的 SVG 通过 VisualBrush 资源包含在 XPS 文档中之外,大多数都运行良好。

我们从这里的代码和网络 XPS周围的其他代码中获取灵感

下面是我们的转换器的代码,它正在为通过该网站的 REST 响应构建一个页面图像包。XPS 很好,大多数页面都按预期工作,因此代码目前适用于页面中除 SVG 之外的所有内容。我应该注意,生成用于下载的 XPS 的相同代码会生成输入到下面代码中的流,因此它不会被破坏。即使在调试中检查 Visual 也可以显示 VisualBrush 对象的存在。

这个页面是完美的(没有 SVG 图像)[单击“嵌入 PNG”和“下载 XPS”选项,它们是正确的。

http://www.cloudformatter.com/CSS2Pdf.APIDoc.Usage

但是这个页面有 SVG:

http://www.cloudformatter.com/CSS2Pdf.SVGCharts.HighCharts

下载 XPS 是完美的。但是使用以下代码获取 PNG 会导致 SVG 丢失。再次注意:后端实现的系统目前不使用下面的代码,因为我们找到了 PDF 到图像的工作解决方案。但是,我们想解决我们遇到的 XPS 到图像问题。XPS 有这个:

资源有这个:

代码如下。以这种方式获得页面的视觉效果是不可能的吗?

0 投票
1 回答
1424 浏览

javascript - 如何将样式化的 DIV 保存为 PDF

嗨,有没有办法使用 Javascript 或 HTML 将样式化的 DIV 保存为 PDF?

我有一个样式化的 DIV,我希望能够通过单击一个按钮将其保存为 PDF 我也希望它保持它的样式。

如何才能做到这一点?

谢谢

0 投票
1 回答
325 浏览

javascript - 电子邮件 xepOnline 生成的文件

我目前正在使用 xepOnline 生成我的页面的 pdf。

这工作得很好,但我现在想要一个下载按钮旁边的按钮,它可以打开您电脑上的邮件程序并附加生成的 pdf 文件。

到目前为止我的代码:(不多)