云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

域名注册_中国建设部网站_年度促销

小七 141 0

我写了我的第一个博客,企业管理软件下载,希望这是有益的。

有没有想过如何保存/下载维兹框架图到PDF。很多时候我在UI5论坛上看到过这个问题,有时我会回复"使用内置方法将图表另存为SVG"并生成PDF.

最后我从客户那里得到了同样的要求,移动物联网卡,我试着将图表另存为SVG。现在我有了SVG内容…从这里开始如何继续。从sapui5图表创建PDF没有具体步骤。所以我决定进一步挖掘并找到一个解决方案(不确定是否是最好的)

我们需要使用第三方库jsPDF在客户端创建PDF。在第一页有一个例子,显示了PDF格式的图像(这正是我们所需要的)。不幸的是,jsPDF库不支持SVG内容(AFAIK)。

因此,挑战是在客户端将UI5图表SVG内容转换为图像(JPEG/PNG),网站用云服务器,返现是什么意思,返利怎么用,并使用jsPDF库。

对于此解决方案,我们需要使用下面的第三方库:

让我们假设下面的堆叠条形图id为"idVizFrame"

使用UI5方法exportToSVGString()将图表内容转换为SVG

使用下面的代码:

在客户端将SVG转换为PNG/JPEG的步骤:

下面是代码:

现在我们有了PNG格式的SVG内容。使用jsPDF库创建PDF并放置图像。

您可以在此处引用示例代码。

Github存储库

UI5示例代码输出:

PDF输出:

更新:

如果您在执行代码时看到此错误,则是UI5库使用方法[exportToSVGString()]生成图表图例的SVG字符串时导致的