使用jsPDF无法正确显示Radiobutton [英] Radiobutton is not visible properly using jsPDF

问题描述

您好，我想生成特定div的PDF文件.为此，我发现jsPDF可能有用.我是jsPDF和bz Google的新手，我发现对我来说很好的代码行. jsPDF代码会将d​​iv转换为图像，然后将其另存为pdf. Mz问题是我在该div中有一个单选按钮，但是当我将div转换为PDF时，该页面的设计将类似于下图..

Hello I want to generate a PDF file of specific div. For that I found , jsPDF may be usefull. I am new to jsPDF and bz googling I found lines of code that will works fine for me. jsPDF code will convert div into an image and then it will save it as a pdf. Mz problem is that I have a radio button in that div but when I convert div into PDF , design of that page will be look alike below image..

我不知道确切的问题是什么.这是我编写的代码.

I dont know what is an exact issue. Here is code that I have written.

                var imgData = canvas.toDataURL('image/png');

                /*
                Here are the numbers (paper width and height) that I found to work. 
                It still creates a little overlap part between the pages, but good enough for me.
                if you can find an official number from jsPDF, use them.
                */
                var imgWidth = 210;
                var pageHeight = 295;
                var imgHeight = canvas.height * imgWidth / canvas.width;
                var heightLeft = imgHeight;

                var doc = new jsPDF('p', 'mm');
                var position = 0;

                doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
                heightLeft -= pageHeight;

                while (heightLeft >= 0) {
                    position = heightLeft - imgHeight;
                    doc.addPage();
                    doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
                    heightLeft -= pageHeight;
                }
                doc.save('file.pdf');

推荐答案

尝试更改jspdf和canvas javscript链接. 我用它修好了

Try changing the jspdf and canvas javscript link. i fixed it using it

https://raw.githubusercontent.com/CodeYellowBV/html2canvas /master/build/html2canvas.js

https://cdnjs.cloudflare.com /ajax/libs/jspdf/1.3.3/jspdf.min.js

这篇关于使用jsPDF无法正确显示Radiobutton的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！