html canvas 隐藏,如何在html2canvas中隐藏div

大家好,我正在使用jsPDF和html2canvas一起使用。我在add.HTML中看到你可以隐藏一些div。是否有可能在html2canvas中拥有此能力。如何在html2canvas中隐藏div

我实际上是在制作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');

}

});

任何形式的帮助将不胜感激。 Thankx提前。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值