我使用jspdf.js从HTML5画布创建pdf。但是,无论内容是什么以及画布大小有多大,生成的文件大小始终为32,874 KB,即使画布完全为空。为什么文件大小总是相同?jsPDF版本为1.1.135。我的代码是这样的:
var imgData = canvas.toDataURL("image/jpeg", 1.0);
var width = $("canvas").attr('width');
var height = $("canvas").attr('height');
var pdf =
我使用jsPDF,它打印从画布到PDF的所有内容,但它只能打印画布,我想打印页码相同的画布。示例:我有一个带有4张画布的div,当导出到PDF时,得到4页的风景。
$('#export').click(function(e) {
e.preventDefault();
var canvas = document.getElementById("pdf");
var context = canvas.getContext('2d');
var pdf = new jsPDF("l", "pt",
我正在尝试从html生成pdf使用JSPDF和html有一个复杂的表,添加了下面的图像。
你可以在上看到我迄今所做的尝试。
pdf.fromHTML(
source, // HTML string or DOM elem ref.
margins.left, // x coord
margins.top, { // y coord
'width': margins.width, // max width of content on PDF
'elementHandlers': specialElementHandlers
},
fun
当使用jspdf库在PDF中放置画布时,图像会被切断。
html2canvas(myContainer, {background: 'red'}).then (canvas) ->
imgData = canvas.toDataURL('image/jpeg', 1.0)
window.open(imgData) # this is just a test that opens the image in a new tab and it displays nicely, the entire image
pdf = new jsPDF("
我注意到已经有了一个版本"addHTML()现在可以将画布分割成多个页面“,它可以通过以下链接找到:。
我能知道它是怎么工作的吗?在我的例子中,我只是尝试了一下“另存为pdf”按钮,它只是呈现一个页面而不是多个页面(有时不起作用,因为内容太长,无法生成pdf)。
如果有一些例子的话,我会很感激的。谢谢!
随附我的代码如下:
var pdf = new jsPDF('p', 'pt', 'a4');
pdf.addHTML($(".pdf-wrapper"), function () {
var string =
各位高级开发人员和程序员,
我正在使用一个脚本,这是与jspdf集成,基本上脚本是应该转换我的网站内容到pdf,有两种类型的概念到这个脚本。
可选和画布,画布用于复杂的网页,例如表格,空间,背景图像。
它成功地工作了,但我的pdf不清楚,只是停留在中间。
这是javascript代码
//Download as a canvas if contains complex data
$('.wppdf-download-canvas').click(function() {
var pdfname = $(this).attr('name'
我试图转换成JavaScript格式的HTML5画布,但我得到一个黑色的背景。我试着改变背景颜色,但还是变黑了。以下是我正在尝试的代码:
Canvas = document.getElementById("chart");
Context = Canvas.getContext("2d");
var imgData = Canvas.toDataURL('image/jpeg');
var pdf = new jsPDF('landscape');
pdf.addImage(imgData, 'JPEG', 0,
我们使用jsPDF生成HTML。然而,在我的PDF中添加了40个元素并将其呈现到画布上时,我的浏览器崩溃了。
我们正在使用下面的功能添加和元素作为图像到pdf。
function addElement(element, doc, opt, newPage, callback) {
var thiscreen = element;
//Get the original background color.
var originalBGColor = thiscreen.style.backgroundColor;
//Change t