你好!
今天我想和大家分享我的第二个"自制"组件
由于SAP DS1.3还没有内置pdf导出系统,物联网公司排名,所以我自己实现了一个组件
这个组件是客户端的(完全是javascript),所以不能和一些浏览器(IE)一起使用
我使用了很多MIT授权的javascript库
首先,"中包含标记"贡献.xml"
如您所见,我使用jspdf库中的一组js文件–链接到这里:MrRio/jspdf·GitHub
然后使用jspdf工作所需的html2canvas。html2canvas
最后文件保存器.jsjspdf用来保存pdf的。伊莱格雷/文件保存器.js·GitHub
在我的组件.js代码:
在init函数中,我创建按钮并将其附加到handler div.
由于jspdf库无法处理svg部分代码,我必须将它们转换为其他格式,因此我选择将应用程序的所有svg标记转换为base64图像。在上面的代码中,返利是什么,我查找文档中的所有svg标记,然后用img tag替换它们,img tag包含自己作为Base64图像。
然后我使用jspdf addHTML方法生成一个包含页面所有可见内容(包括之前创建的img标记)的pdf,并基于pdfMethod变量,保存文件或在新窗口或同一窗口中打开。然后我移除所有的img标签并再次显示svg。
这里有一些结果截图:
pdf浏览器
和github报告:
Antoninjo/DesignStudioPDFExportComponent·github
就是这样。
我希望它会有用。
干杯
AC
Antonio-很好的帖子。我看了一些不同的实现用纯JS实现了出口的圣杯,但不幸的是IE似乎总是讨厌的害群之马,数据分析平台,不是吗?
对于Chrome/Mozilla用户来说,我认为这是一个很好的选择。谢谢分享。
实际上它在Chrome和firefox中都能工作,我试着让它在ie11中工作
对,似乎IE永远是唯一的问题孩子
如果你让它在IE中工作,我会非常感兴趣,但是大量的HTML5程序员已经尝试过了,世界人工智能,但是我祝你好运!我只见过在IE中使用它的脆弱的例子(不过,并不是想阻止你!)
我想我记得这是一个IE9的限制,云服务市场,所以你可能会成功与IE10及以上毕竟!
根据您正在使用的库的结果,此演示在IE11上确实有效。
嗨-
在设计工作室安装组件时。它给出了错误
没有找到所有组件。
嗨,
我正试图用最新的设计工作室版本安装它,但得到以下错误:
未能发现所有连接器。RepositoryDiscoveryStrategy失败,出现错误无法处理存储库内容在中找不到存储库jar:文件:/C:/Users/abc/桌面/主.zip!/.
你知道问题出在哪里吗?
谢谢并致以最诚挚的问候,
帕特里克
嗨,安东尼奥,
非常感谢您分享这个分机
它工作得很好。在IE中甚至可以导出
但有时会收到以下错误消息:
SCRIPT5022:Mismatched anonymous define()module:function(){
return saveAs;
}
#不匹配
组合动力包括:1407395057699101315887.js,第8737行标志9
您知道如何解决这个问题
或者原因是什么吗?
事先非常感谢
亲切问候
PM
嗨Antonio,
我收到以下错误消息:
SCRIPT5022:不匹配的anonymous define()模块:function(){
return saveAs;
}
#不匹配
我怎样才能解决这个问题?
尊敬的各位,
各位专家,您好,
我在使用此pdf导出功能创建可部署功能时遇到问题。
使用SAP示例创建功能没有问题,但无法使用该示例。
错误消息:
是否有人已经使用pdf导出功能创建了可部署功能?
祝您好运,
Gerardo
您好,我在BI平台或Netweaver Portal上执行报告时遇到此组件问题,系统会向我发送错误消息。(图像)在Internet Explorer(11)上打印时,结果不会显示图形组件。
有任何建议,谢谢?。
你好,安东尼奥,
我们已经将社区包中的许多组件组合在一起了-你想加入并将这个组件也放在一起吗?
我想知道如何将这个组件整合到我基于所有社区组件创建的应用程序中(blog:community SDK:First Functional Application with SDK components(Online Composition))
来自Mike-SCN Design Studio SDK Development community的blog
Karol
大家好!
实际上我改变了工作,我不能再在这个组件上工作了(因为我当时没有和DS一起工作)。
我很乐意帮助任何想使用这个组件或改进它的人。
卡罗尔你可以尝试使用它并测试它(如果它能工作)。
谢谢大家。
安东尼诺
大家好,
我收到XXX报告的相同错误
------错误------
未能发现所有连接器。RepositoryDiscoveryStrategy失败,出现错误无法处理存储库内容在中找不到存储库jar:文件:/C:/Users/桌面/文件名.zip
--------------------------------------------------------有人解决这个问题吗?
致以最诚挚的问候,
MJ
嗨-安东尼奥说他不再从事此项工作,您可以尝试此免费试用版提供的PDF导出:
Visualbi.com/DSXTrial网站
我刚试过,很管用
谢谢Tammy。
致以最诚挚的问候,
MJ
我将尝试将此代码引入社区存储库。敬请关注
嗨,迈克尔,SDK的所有朋友,
感谢Antonino,这个组件现在是社区包的一部分,稍作调整和扩展,请参阅此处使用:Design Studio SDK:PDF打印组件
Karol
嗨,
找到了使用canvg导出IE11上SVG图表的解决方案。
我用以下行替换svgAsDataURI:
var oCanvas=文档.createElement("canvas");
var svgData=new XMLSerializer().serializeToString(this);
canvg(oCanvas,svgData);
img.src公司= oCanvas.toDataURL("图像/png");
父.appendChild(img);
$(svg).hide();
图像加载=function(){
};
希望对您有所帮助。
嗨,Shilpa,
您指的是那些行:
https://github.com/org scn design studio community/sdkpackage/blob/master/src/org.scn.community.utils/res/PdfPrint/PdfPrint.js#L52-L65
应该由您的代码替换吗?
这是只针对IE11还是针对其他浏览器?
卡罗尔
是的卡罗尔那些线L52-L64。
它适用于Chrome和前驱以及IE。
我不确定SDK组件与SVG图表。