我写了我的第一个博客,企业管理软件下载,希望这是有益的。
有没有想过如何保存/下载维兹框架图到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字符串时导致的