Javascript 如何在html2canvas中隐藏div
大家好,我正在使用jsPDF和html2canvas。我在Javascript 如何在html2canvas中隐藏div,javascript,html,canvas,jspdf,html2canvas,Javascript,Html,Canvas,Jspdf,Html2canvas,大家好,我正在使用jsPDF和html2canvas。我在add.HTML中看到可以隐藏一些div。在html2canvas中是否可能具有此功能 我实际上是在制作一个pdf,但我希望主div的一些div不要打印在pdf中 这是我的html2canvas代码 html2canvas(quotes, { onrendered: function(canvas) { //! MAKE YOUR PDF var pdf = new jsPDF('p', 'pt'
add.HTML
中看到可以隐藏一些div。在html2canvas中是否可能具有此功能
我实际上是在制作一个pdf,但我希望主div的一些div不要打印在pdf中
这是我的html2canvas代码
html2canvas(quotes, {
onrendered: function(canvas) {
//! MAKE YOUR PDF
var pdf = new jsPDF('p', 'pt', 'A4');
for (var i = 0; i <= quotes.clientHeight/980; i++) {
//! This is all just html2canvas stuff
var srcImg = canvas;
var sX = 0;
var sY = 980*i; // start 980 pixels down for every new page
var sWidth = 900;
var sHeight = 980;
var dX = 0;
var dY = 0;
var dWidth = 900;
var dHeight = 980;
window.onePageCanvas = document.createElement("canvas");
onePageCanvas.setAttribute('width', 900);
onePageCanvas.setAttribute('height', 980);
var ctx = onePageCanvas.getContext('2d');
// details on this usage of this function:
// https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images#Slicing
ctx.drawImage(srcImg,sX,sY,sWidth,sHeight,dX,dY,dWidth,dHeight);
// document.body.appendChild(canvas);
var canvasDataURL = onePageCanvas.toDataURL("image/png", 1.0);
var width = onePageCanvas.width;
var height = onePageCanvas.clientHeight;
//! If we're on anything other than the first page,
// add another page
if (i > 0) {
pdf.addPage(612, 791); //8.5" x 11" in pts (in*72)
}
//! now we declare that we're working on that page
pdf.setPage(i+1);
//! now we add content to that page!
pdf.addImage(canvasDataURL, 'PNG', 20, 40, (width*.62), (height*.62));
}
//! after the for loop is finished running, we save the pdf.
pdf.save('Test.pdf');
}
});
html2canvas(引号{
onrendered:函数(画布){
//!制作你的PDF
var pdf=新的jsPDF('p','pt','A4');
对于(var i=0;i我最终通过搜索更多关于html2canvas的来解决这个问题
你只需要添加
data-html2canvas-ignore="true"
在html元素中隐藏该div以避免渲染
像这样
<div class="anyclass" data-html2canvas-ignore="true">any data</div>
任何数据
很多时候我都是这样。谢谢干杯!@fatprotato很乐意帮忙。