Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JsPDF未在滚动视图中打印所有内容_Javascript_Jquery_Pdf_Jspdf_Html2canvas - Fatal编程技术网

Javascript JsPDF未在滚动视图中打印所有内容

Javascript JsPDF未在滚动视图中打印所有内容,javascript,jquery,pdf,jspdf,html2canvas,Javascript,Jquery,Pdf,Jspdf,Html2canvas,我试图生成包含滚动条中所有内容的pdf文件,但它只生成屏幕上显示的内容 根据他们的文档,.addHTML(处理程序已被弃用。但是,通过他们的活动演示页面,他们在“HTML呈现程序(早期阶段)”菜单选项卡下更新了处理程序(这仍在进行中)。这对您的脚本和JSFIDLE有点适应: var pdf = new jsPDF('p', 'mm', 'a4'); // We'll make our own renderer to skip this editor var specialElementHan

我试图生成包含滚动条中所有内容的pdf文件,但它只生成屏幕上显示的内容


根据他们的文档,
.addHTML(
处理程序已被弃用。但是,通过他们的活动演示页面,他们在“HTML呈现程序(早期阶段)”菜单选项卡下更新了处理程序(这仍在进行中)。这对您的脚本和JSFIDLE有点适应:

var pdf = new jsPDF('p', 'mm', 'a4');

// We'll make our own renderer to skip this editor
var specialElementHandlers = {
    '#wrapper': function(element, renderer){
        return true;
    }
};

// All units are in the set measurement for the document
// This can be changed to "pt" (points), "mm" (Default), "cm", "in"
pdf.fromHTML($('#wrapper').get(0), 15, 15, {
    'width': 170, 
    'elementHandlers': specialElementHandlers
});
pdf.save('web.pdf');
$(函数(){
$(“#菜单按钮”)。单击(函数(){
//$(“#包装器”)[0].scrollTop=200;
变量选项={
“背景”:“#000”,
格式:“PNG”,
pagesplit:对
}
var pdf=新的jsPDF('p','mm','a4');
//我们将制作自己的渲染器以跳过此编辑器
变量specialElementHandlers={
“#包装器”:函数(元素、呈现器){
返回true;
}
};
//所有单位都在文档的设置度量中
//这可以更改为“pt”(点)、“mm”(默认值)、“cm”、“in”
pdf.fromHTML($(“#包装器”).get(0),15,15{
“宽度”:170,
“elementHandlers”:specialElementHandlers
});
pdf.save('web.pdf');
});
});
#容器{
宽度:90%;
位置:绝对位置;
左:0px;
顶部:0px;
背景:黄色;
}
#包装纸{
填充物:5px;
宽度:100%;
高度:300px;
溢出y:滚动;
}
#菜单按钮{
浮动:左;
线高:20px;
利润率:10px;
填充:10px;
背景:#555;
颜色:白色;
}
#顶栏{
位置:绝对位置;
宽度:100%;
顶部:0px;
左:0px;
背景:ddd;
文本对齐:居中;
z指数:1;
/*出于某种原因,我们现在需要一个z索引*/
}
#菜单{
位置:固定;
顶部:0px;
左:0px;
宽度:100%;
颜色:白色;
}

Scroll!Scroll按钮在android4上不起作用,但有趣的是,它在Android2上起作用,即使手指滚动不起作用
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 内容
  • 普拉善

迷人的插件,以前从未见过。查看他们的网站显示
。addHTML
已被
取代。fromHTML
的工作方式稍有不同。有没有办法在PDF中有一个可滚动列表?好问题,我不知道。PDF的目标是更像纸面空间,而不是虚拟(屏幕)空间,例外是嵌入媒体的地方。但这可能会有帮助:是的,我就是这么想的。我最后只是做了大量列表的截图,哈哈
var pdf = new jsPDF('p', 'mm', 'a4');

// We'll make our own renderer to skip this editor
var specialElementHandlers = {
    '#wrapper': function(element, renderer){
        return true;
    }
};

// All units are in the set measurement for the document
// This can be changed to "pt" (points), "mm" (Default), "cm", "in"
pdf.fromHTML($('#wrapper').get(0), 15, 15, {
    'width': 170, 
    'elementHandlers': specialElementHandlers
});
pdf.save('web.pdf');