html2Canvas隐藏元素

1,261 阅读1分钟

在需要隐藏的元素中加入

 data-html2canvas-ignore="true"
 eg:
 <button  data-html2canvas-ignore="true">打印</button>

这样,转成canvas画布时,会自动的隐藏掉元素

jspdf + html2canvas 实现页面转pdf

            let opts = {
                onrendered: function (canvas)  {
                const pageData  = canvas.toDataURL('image/png')
                const pdf = new jsPDF('', 'pt', 'a4')
                pdf.addImage(pageData , 'JEPG', 0, 0, 595.28, 592.28/canvas.width * canvas.height )
				pdf.save(json.BpmsInstance.title + '单据.pdf');
                }
            
            }
            html2canvas(document.body, opts)

采用A4纸张的格式